Rev 14489 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
14489 | obado | 1 | /** |
2 | * Foundation for Sites by ZURB |
||
14734 | obado | 3 | * Version 6.6.1 |
14489 | obado | 4 | * foundation.zurb.com |
5 | * Licensed under MIT Open Source |
||
6 | */ |
||
7 | /* Flex styles */ |
||
8 | .align-left { |
||
9 | justify-content: flex-start; } |
||
10 | |||
11 | .align-right { |
||
12 | justify-content: flex-end; } |
||
13 | |||
14 | .align-center { |
||
15 | justify-content: center; } |
||
16 | |||
17 | .align-justify { |
||
18 | justify-content: space-between; } |
||
19 | |||
20 | .align-spaced { |
||
21 | justify-content: space-around; } |
||
22 | |||
23 | .align-left.vertical.menu > li > a { |
||
24 | justify-content: flex-start; } |
||
25 | |||
26 | .align-right.vertical.menu > li > a { |
||
27 | justify-content: flex-end; } |
||
28 | |||
29 | .align-center.vertical.menu > li > a { |
||
30 | justify-content: center; } |
||
31 | |||
32 | .align-top { |
||
33 | align-items: flex-start; } |
||
34 | |||
35 | .align-self-top { |
||
36 | align-self: flex-start; } |
||
37 | |||
38 | .align-bottom { |
||
39 | align-items: flex-end; } |
||
40 | |||
41 | .align-self-bottom { |
||
42 | align-self: flex-end; } |
||
43 | |||
44 | .align-middle { |
||
45 | align-items: center; } |
||
46 | |||
47 | .align-self-middle { |
||
48 | align-self: center; } |
||
49 | |||
50 | .align-stretch { |
||
51 | align-items: stretch; } |
||
52 | |||
53 | .align-self-stretch { |
||
54 | align-self: stretch; } |
||
55 | |||
56 | .align-center-middle { |
||
57 | justify-content: center; |
||
58 | align-items: center; |
||
59 | align-content: center; } |
||
60 | |||
61 | .small-order-1 { |
||
62 | order: 1; } |
||
63 | |||
64 | .small-order-2 { |
||
65 | order: 2; } |
||
66 | |||
67 | .small-order-3 { |
||
68 | order: 3; } |
||
69 | |||
70 | .small-order-4 { |
||
71 | order: 4; } |
||
72 | |||
73 | .small-order-5 { |
||
74 | order: 5; } |
||
75 | |||
76 | .small-order-6 { |
||
77 | order: 6; } |
||
78 | |||
79 | @media print, screen and (min-width: 40em) { |
||
80 | .medium-order-1 { |
||
81 | order: 1; } |
||
82 | .medium-order-2 { |
||
83 | order: 2; } |
||
84 | .medium-order-3 { |
||
85 | order: 3; } |
||
86 | .medium-order-4 { |
||
87 | order: 4; } |
||
88 | .medium-order-5 { |
||
89 | order: 5; } |
||
90 | .medium-order-6 { |
||
91 | order: 6; } } |
||
92 | |||
93 | @media print, screen and (min-width: 64em) { |
||
94 | .large-order-1 { |
||
95 | order: 1; } |
||
96 | .large-order-2 { |
||
97 | order: 2; } |
||
98 | .large-order-3 { |
||
99 | order: 3; } |
||
100 | .large-order-4 { |
||
101 | order: 4; } |
||
102 | .large-order-5 { |
||
103 | order: 5; } |
||
104 | .large-order-6 { |
||
105 | order: 6; } } |
||
106 | |||
107 | .flex-container { |
||
108 | display: flex; } |
||
109 | |||
110 | .flex-child-auto { |
||
111 | flex: 1 1 auto; } |
||
112 | |||
113 | .flex-child-grow { |
||
114 | flex: 1 0 auto; } |
||
115 | |||
116 | .flex-child-shrink { |
||
117 | flex: 0 1 auto; } |
||
118 | |||
119 | .flex-dir-row { |
||
120 | flex-direction: row; } |
||
121 | |||
122 | .flex-dir-row-reverse { |
||
123 | flex-direction: row-reverse; } |
||
124 | |||
125 | .flex-dir-column { |
||
126 | flex-direction: column; } |
||
127 | |||
128 | .flex-dir-column-reverse { |
||
129 | flex-direction: column-reverse; } |
||
130 | |||
131 | @media print, screen and (min-width: 40em) { |
||
132 | .medium-flex-container { |
||
133 | display: flex; } |
||
134 | .medium-flex-child-auto { |
||
135 | flex: 1 1 auto; } |
||
136 | .medium-flex-child-grow { |
||
137 | flex: 1 0 auto; } |
||
138 | .medium-flex-child-shrink { |
||
139 | flex: 0 1 auto; } |
||
140 | .medium-flex-dir-row { |
||
141 | flex-direction: row; } |
||
142 | .medium-flex-dir-row-reverse { |
||
143 | flex-direction: row-reverse; } |
||
144 | .medium-flex-dir-column { |
||
145 | flex-direction: column; } |
||
146 | .medium-flex-dir-column-reverse { |
||
147 | flex-direction: column-reverse; } } |
||
148 | |||
149 | @media print, screen and (min-width: 64em) { |
||
150 | .large-flex-container { |
||
151 | display: flex; } |
||
152 | .large-flex-child-auto { |
||
153 | flex: 1 1 auto; } |
||
154 | .large-flex-child-grow { |
||
155 | flex: 1 0 auto; } |
||
156 | .large-flex-child-shrink { |
||
157 | flex: 0 1 auto; } |
||
158 | .large-flex-dir-row { |
||
159 | flex-direction: row; } |
||
160 | .large-flex-dir-row-reverse { |
||
161 | flex-direction: row-reverse; } |
||
162 | .large-flex-dir-column { |
||
163 | flex-direction: column; } |
||
164 | .large-flex-dir-column-reverse { |
||
165 | flex-direction: column-reverse; } } |