OLD | NEW |
| (Empty) |
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.g
ithub.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/CONTRI
BUTORS.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/PATEN
TS.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 } | |
OLD | NEW |