Roll third_party/polymer.

third_party/polymer/v1_0/components-chromium/iron-flex-layout/iron-flex-layout-classes.html

 <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
 <!--
 A set of layout classes that 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 is="custom-style" include="iron-flex iron-flex-alignment"></style>
 
     <div class="layout horizontal layout-start">
       <div>cross axis start alignment</div>
     </div>
 
 The following imports are available:
  - iron-flex
  - iron-flex-reverse
  - iron-flex-alignment
  - iron-flex-factors
@@ skipping 125 matching lines @@
         -webkit-align-items: center;
         align-items: center;
       }
 
       .layout.end {
         -ms-flex-align: end;
         -webkit-align-items: flex-end;
         align-items: flex-end;
       }
 
+      .layout.baseline {
+        -ms-flex-align: baseline;
+        -webkit-align-items: baseline;
+        align-items: baseline;
+      }
+
       /**
        * Alignment in main axis.
        */
       .layout.start-justified {
         -ms-flex-pack: start;
         -webkit-justify-content: flex-start;
         justify-content: flex-start;
       }
 
       .layout.center-justified,
@@ skipping 40 matching lines @@
         -ms-align-self: flex-end;
         -webkit-align-self: flex-end;
         align-self: flex-end;
       }
 
       .self-stretch {
         -ms-align-self: stretch;
         -webkit-align-self: stretch;
         align-self: stretch;
       }
+
+      .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;
+      }
     </style>
   </template>
 </dom-module>
 
 <dom-module id="iron-flex-factors">
   <template>
     <style>
       .flex,
       .flex-1 {
         -ms-flex: 1 1 0.000000001px;
@@ skipping 138 matching lines @@
       }
 
       .fixed-left {
         top: 0;
         bottom: 0;
         left: 0;
       }
     </style>
   </template>
 </dom-module>