| Index: third_party/polymer/v1_0/components-chromium/iron-flex-layout/iron-flex-layout.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/iron-flex-layout/iron-flex-layout.html b/third_party/polymer/v1_0/components-chromium/iron-flex-layout/iron-flex-layout.html
|
| index 7315faf1c3036ce593292e83c33b817a7c91f94e..d98e9d0fddf06b7ca3d1f69b8f50321bd078a559 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/iron-flex-layout/iron-flex-layout.html
|
| +++ b/third_party/polymer/v1_0/components-chromium/iron-flex-layout/iron-flex-layout.html
|
| @@ -20,14 +20,14 @@ 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:
|
| + Sample use:
|
|
|
| - <link rel="import" href="../iron-flex-layout/iron-flex-layout-classes.html">
|
| - <style is="custom-style" include="iron-flex iron-flex-alignment">
|
| + <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>
|
| + <div class="layout horizontal layout-start">
|
| + <div>cross axis start 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.
|
| @@ -218,6 +218,12 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
|
| align-items: flex-end;
|
| };
|
|
|
| + --layout-baseline: {
|
| + -ms-flex-align: baseline;
|
| + -webkit-align-items: baseline;
|
| + align-items: baseline;
|
| + };
|
| +
|
| /* alignment in main axis */
|
|
|
| --layout-start-justified: {
|
| @@ -281,6 +287,49 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
|
| align-self: stretch;
|
| };
|
|
|
| + --layout-self-baseline: {
|
| + -ms-align-self: baseline;
|
| + -webkit-align-self: baseline;
|
| + align-self: baseline;
|
| + };
|
| +
|
| + /* multi-line alignment in main axis */
|
| +
|
| + --layout-start-aligned: {
|
| + -ms-flex-line-pack: start; /* IE10 */
|
| + -ms-align-content: flex-start;
|
| + -webkit-align-content: flex-start;
|
| + align-content: flex-start;
|
| + };
|
| +
|
| + --layout-end-aligned: {
|
| + -ms-flex-line-pack: end; /* IE10 */
|
| + -ms-align-content: flex-end;
|
| + -webkit-align-content: flex-end;
|
| + align-content: flex-end;
|
| + };
|
| +
|
| + --layout-center-aligned: {
|
| + -ms-flex-line-pack: center; /* IE10 */
|
| + -ms-align-content: center;
|
| + -webkit-align-content: center;
|
| + align-content: center;
|
| + };
|
| +
|
| + --layout-between-aligned: {
|
| + -ms-flex-line-pack: justify; /* IE10 */
|
| + -ms-align-content: space-between;
|
| + -webkit-align-content: space-between;
|
| + align-content: space-between;
|
| + };
|
| +
|
| + --layout-around-aligned: {
|
| + -ms-flex-line-pack: distribute; /* IE10 */
|
| + -ms-align-content: space-around;
|
| + -webkit-align-content: space-around;
|
| + align-content: space-around;
|
| + };
|
| +
|
| /*******************************
|
| Other Layout
|
| *******************************/
|
|
|