1/* 2Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 4The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 6Code distributed by Google as part of the polymer project is also 7subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 8*/ 9 10:host { 11 display: -webkit-box !important; 12 display: -ms-flexbox !important; 13 display: -moz-flex !important; 14 display: -webkit-flex !important; 15 display: flex !important; 16} 17 18:host(.core-h) { 19 -webkit-box-orient: horizontal; 20 -ms-flex-direction: row; 21 -moz-flex-direction: row; 22 -webkit-flex-direction: row; 23 flex-direction: row; 24} 25 26:host(.core-v) { 27 -webkit-box-orient: vertical; 28 -ms-flex-direction: column; 29 -moz-flex-direction: column; 30 -webkit-flex-direction: column; 31 flex-direction: column; 32} 33 34:host(.core-h.core-reverse) { 35 -webkit-box-direction: reverse; 36 -ms-flex-direction: row-reverse; 37 -moz-flex-direction: row-reverse; 38 -webkit-flex-direction: row-reverse; 39 flex-direction: row-reverse; 40} 41 42:host(.core-v.core-reverse) { 43 -webkit-box-direction: reverse; 44 -ms-flex-direction: column-reverse; 45 -moz-flex-direction: column-reverse; 46 -webkit-flex-direction: column-reverse; 47 flex-direction: column-reverse; 48} 49 50/* alignment in main axis */ 51:host(.core-justify-start) { 52 -webkit-box-pack: start; 53 -ms-flex-pack: start; 54 -moz-justify-content: flex-start; 55 -webkit-justify-content: flex-start; 56 justify-content: flex-start; 57} 58 59:host(.core-justify-center) { 60 -webkit-box-pack: center; 61 -ms-flex-pack: center; 62 -moz-justify-content: center; 63 -webkit-justify-content: center; 64 justify-content: center; 65} 66 67:host(.core-justify-end) { 68 -webkit-box-pack: end; 69 -ms-flex-pack: end; 70 -moz-justify-content: flex-end; 71 -webkit-justify-content: flex-end; 72 justify-content: flex-end; 73} 74 75:host(.core-justify-between) { 76 -webkit-box-pack: justify; 77 -ms-flex-pack: justify; 78 -moz-justify-content: space-between; 79 -webkit-justify-content: space-between; 80 justify-content: space-between; 81} 82 83/* alignment in cross axis */ 84:host(.core-align-start) { 85 -webkit-box-align: start; 86 -ms-flex-align: start; 87 -moz-align-items: flex-start; 88 -webkit-align-items: flex-start; 89 align-items: flex-start; 90} 91 92:host(.core-align-center) { 93 -webkit-box-align: center; 94 -ms-flex-align: center; 95 -moz-align-items: center; 96 -webkit-align-items: center; 97 align-items: center; 98} 99 100:host(.core-align-end) { 101 -webkit-box-align: end; 102 -ms-flex-align: end; 103 -moz-align-items: flex-end; 104 -webkit-align-items: flex-end; 105 align-items: flex-end; 106} 107