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