core-row/core-column changed to core-h/core-v.

core-layout-host.css

@@ -15,31 +15,31 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
   display: flex !important;
 }
 
-:host(.core-row) {
+:host(.core-h) {
   -webkit-box-orient: horizontal;
   -ms-flex-direction: row;
   -moz-flex-direction: row;
   -webkit-flex-direction: row;
   flex-direction: row;
 }
 
-:host(.core-vertical) {
+:host(.core-v) {
   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   -moz-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column;
 }
 
-:host(.core-row.core-reverse) {
+:host(.core-h.core-reverse) {
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   -moz-flex-direction: row-reverse;
   -webkit-flex-direction: row-reverse;
   flex-direction: row-reverse;
 }
 
-:host(.core-vertical.core-reverse) {
+:host(.core-v.core-reverse) {
   -webkit-box-direction: reverse;
   -ms-flex-direction: column-reverse;
   -moz-flex-direction: column-reverse;

core-layout.css

@@ -4,39 +4,39 @@ Use of this source code is governed by a BSD-style
 license that can be found in the LICENSE file.
 */
 
-.core-row, .core-column {
+.core-h, .core-v {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: -moz-flex !important;
   display: -webkit-flex !important;
   display: flex !important;
 }
 
-.core-row {
+.core-h {
   -webkit-box-orient: horizontal;
   -ms-flex-direction: row;
   -moz-flex-direction: row;
   -webkit-flex-direction: row;
   flex-direction: row;
 }
 
-.core-row.core-reverse {
+.core-h.core-reverse {
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   -moz-flex-direction: row-reverse;
   -webkit-flex-direction: row-reverse;
   flex-direction: row-reverse;
 }
 
-.core-column {
+.core-v {
   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   -moz-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column;
 }
 
-.core-column.core-reverse {
+.core-v.core-reverse {
   -webkit-box-direction: reverse;
   -ms-flex-direction: column-reverse;
   -moz-flex-direction: column-reverse;

core-layout.html

@@ -266,7 +266,7 @@
 
       verticalChanged: function(old) {
         old = old ? 'column' : 'row';
-        var vertical = this.vertical ? 'column' : 'row';
+        var vertical = this.vertical ? 'v' : 'h';
         this.setLayoutClass('', old, vertical);
       },
 

demo.html

@@ -52,22 +52,22 @@
       </style>
       <link rel="stylesheet" href="core-layout.css">
       <link rel="stylesheet" href="core-layout-host.css">
-      <div class="core-flex core-row">
+      <div class="core-flex core-h">
         <div>Hi I'm some content</div>
-        <div class="core-flex core-column">
-          <div class="core-row core-align-center">
+        <div class="core-flex core-v">
+          <div class="core-h core-align-center">
             <h3>Title</h3>
             <button>hello</button>
           </div>
-          <div class="core-flex core-row">
+          <div class="core-flex core-h">
             <div class="core-flex core-relative">
               Main content
               <div class="abs">abs pos :)</div>
             </div>
             <div>Sidebar content</div>
           </div>
           <div>Some more stuffs...</div>
-          <div class="core-row core-justify-end">
+          <div class="core-h core-justify-end">
             <b>Footer</b>
           </div>
         </div>