Merge pull request Polymer#1247 from Polymer/ebidel-patch-1

kaycebasques · kaycebasques · commit 77d9b8b83d9e · 2015-07-14T11:04:38.000-07:00
Fixes Polymer#1246
diff --git a/1.0/docs/migration.md b/1.0/docs/migration.md
@@ -623,7 +623,7 @@ in the Developer guide, or use `setAttribute` directly.
 Also, note that the `class` attribute is ignored if it is specified in the `hostAttributes` 
 object.
 
-## Layout attributes replaced by custom properties {#layout-attributes}
+## Layout attributes replaced by layout classes and custom properties {#layout-attributes}
 
 The layout attributes stylesheet that's included in Polymer 0.5 has been
 replaced with an optional stylesheet that uses custom properties. If your element uses
@@ -708,6 +708,19 @@ source](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-fle
 For more examples of the layout properties in use, see the 
 [demo](https://elements.polymer-project.org/elements/iron-flex-layout?view=demo:demo/index.html).
 
+### Using the layout classes directly
+
+The layout classes can be imported and used simliar to the layout attributes. This is useful if you want to use the classes from within the main page or do not want to define a style rule just to use one of the custom properties:
+
+Example of using the layout classes in the main page:
+
+    <head>
+      ...
+      <link rel="import" href="/bower_components/iron-flex-layout/classes/iron-flex-layout.html">
+    </head>
+    <body class="fullbleed layout horizontal center-center">
+     ...
+    </body>
 
 ## Use WebComponentsReady instead of polymer-ready {#polymer-ready}
 
