1 /* 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 6 Code distributed by Google as part of the polymer project is also 7 subject 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