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
11 display: -webkit-box
!important
;
12 display: -ms-flexbox
!important
;
13 display: -moz-flex
!important
;
14 display: -webkit-flex
!important
;
15 display: flex
!important
;
19 -webkit-box-orient: horizontal
;
20 -ms-flex-direction: row
;
21 -moz-flex-direction: row
;
22 -webkit-flex-direction: row
;
27 -webkit-box-orient: vertical
;
28 -ms-flex-direction: column
;
29 -moz-flex-direction: column
;
30 -webkit-flex-direction: column
;
31 flex-direction: column
;
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
;
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
;
50 /* alignment in main axis */
51 :host
(.core-justify-start
) {
52 -webkit-box-pack: start
;
54 -moz-justify-content: flex-start
;
55 -webkit-justify-content: flex-start
;
56 justify-content: flex-start
;
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
;
67 :host
(.core-justify-end
) {
68 -webkit-box-pack: end
;
70 -moz-justify-content: flex-end
;
71 -webkit-justify-content: flex-end
;
72 justify-content: flex-end
;
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
;
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
;
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
;
100 :host
(.core-align-end
) {
101 -webkit-box-align: end
;
103 -moz-align-items: flex-end
;
104 -webkit-align-items: flex-end
;
105 align-items: flex-end
;