Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Added iron-flext-layout-classes and included the iron-flext and iron-flex-alignment styles. #260

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added iron-flext-layout-classes and included the iron-flext and iron-flex-alignment styles. #260

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
539d5ab
Added paper-styles as import. Without it the paper-header-panel or th…
arielmagbanua Mar 19, 2016
af52bf1
Added iron-flext-layout-classes and included the iron-flext and iron-…
arielmagbanua Mar 26, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 25 additions & 0 deletions guides/responsive-material-design-layouts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,10 @@ children are placed in the content area.
href="/bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import"
href="/bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import"
href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<style is="custom-style" include="iron-flex iron-positioning"></style>
...
<body class="fullbleed vertical layout">
<!-- paper-header-panel must have an explicit height -->
Expand Down Expand Up @@ -121,6 +125,11 @@ You can use another element as a header by adding the
href="/bower_components/paper-header-panel/paper-header-panel.html">
<link rel="import"
href="/bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import"
href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<style is="custom-style" include="iron-flex iron-positioning"></style>

...
<body class="fullbleed vertical layout">
<paper-header-panel class="flex">
Expand Down Expand Up @@ -154,6 +163,10 @@ Use `paper-icon-button` and `iron-icons` to add icons to your header:
href="/bower_components/iron-icons/iron-icons.html">
<link rel="import"
href="/bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import"
href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<style is="custom-style" include="iron-flex iron-positioning"></style>
...
<body class="fullbleed vertical layout">
<paper-header-panel class="flex">
Expand Down Expand Up @@ -199,6 +212,10 @@ classes to change the height of your header.
href="/bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import"
href="/bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import"
href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<style is="custom-style" include="iron-flex iron-positioning"></style>
...
<body class="fullbleed vertical layout">
<paper-header-panel class="flex">
Expand Down Expand Up @@ -235,6 +252,10 @@ Use `paper-tabs` to add tabs to your header:
href="/bower_components/iron-icons/iron-icons.html">
<link rel="import"
href="/bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import"
href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<style is="custom-style" include="iron-flex iron-positioning"></style>
...
<body class="fullbleed vertical layout">
<paper-header-panel class="flex">
Expand Down Expand Up @@ -307,6 +328,10 @@ navigation menu.
href="/bower_components/iron-icons/iron-icons.html">
<link rel="import"
href="/bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import"
href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<style is="custom-style" include="iron-flex iron-positioning"></style>
...
<body class="fullbleed vertical layout">
<paper-drawer-panel class="flex">
Expand Down