Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(48)

Unified Diff: third_party/polymer/components/iron-flex-layout/iron-flex-layout.html

Issue 3010683002: Update Polymer components. (Closed)
Patch Set: Rebase Created 3 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/components/iron-flex-layout/iron-flex-layout.html
diff --git a/third_party/polymer/components/iron-flex-layout/iron-flex-layout.html b/third_party/polymer/components/iron-flex-layout/iron-flex-layout.html
index a14a872b38d252365cc00585e1e5bf02e77a1f7e..a69f46a3c1f3f30ce7857376c07a863e351c51d1 100644
--- a/third_party/polymer/components/iron-flex-layout/iron-flex-layout.html
+++ b/third_party/polymer/components/iron-flex-layout/iron-flex-layout.html
@@ -20,14 +20,27 @@ The layout class stylesheet provides a simple set of class-based flexbox rules,
let you specify layout properties directly in markup. You must include this file
in every element that needs to use them.
- Sample use:
-
- <link rel="import" href="../iron-flex-layout/iron-flex-layout-classes.html">
- <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
-
- <div class="layout horizontal layout-start">
- <div>cross axis start alignment</div>
- </div>
+ Sample use:
+
+ ```
+ <custom-element-demo>
+ <template>
+ <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+ <next-code-block></next-code-block>
+ </template>
+ </custom-element-demo>
+ ```
+
+ ```html
+ <link rel="import" href="iron-flex-layout-classes.html">
+ <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+ <style>
+ .test { width: 100px; }
+ </style>
+ <div class="layout horizontal center-center">
+ <div class="test">horizontal layout center alignment</div>
+ </div>
+ ```
2. [Custom CSS mixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html).
The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the `@apply` function.
@@ -105,7 +118,7 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
};
-
+
--layout-no-wrap: {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;

Powered by Google App Engine
This is Rietveld 408576698