Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(217)

Side by Side Diff: third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout.html

Issue 1633603004: Add script to remove prefixed CSS from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Process CSS files too. Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 10
11 <link rel="import" href="iron-shadow-flex-layout.html"> 11 <link rel="import" href="iron-shadow-flex-layout.html">
12 12
13 <style> 13 <style>
14 14
15 /******************************* 15 /*******************************
16 Flex Layout 16 Flex Layout
17 *******************************/ 17 *******************************/
18 18
19 .layout.horizontal, 19 .layout.horizontal,
20 .layout.horizontal-reverse, 20 .layout.horizontal-reverse,
21 .layout.vertical, 21 .layout.vertical,
22 .layout.vertical-reverse { 22 .layout.vertical-reverse {
23 display: -ms-flexbox;
24 display: -webkit-flex;
25 display: flex; 23 display: flex;
26 } 24 }
27 25
28 .layout.inline { 26 .layout.inline {
29 display: -ms-inline-flexbox;
30 display: -webkit-inline-flex;
31 display: inline-flex; 27 display: inline-flex;
32 } 28 }
33 29
34 .layout.horizontal { 30 .layout.horizontal {
35 -ms-flex-direction: row;
36 -webkit-flex-direction: row;
37 flex-direction: row; 31 flex-direction: row;
38 } 32 }
39 33
40 .layout.horizontal-reverse { 34 .layout.horizontal-reverse {
41 -ms-flex-direction: row-reverse;
42 -webkit-flex-direction: row-reverse;
43 flex-direction: row-reverse; 35 flex-direction: row-reverse;
44 } 36 }
45 37
46 .layout.vertical { 38 .layout.vertical {
47 -ms-flex-direction: column;
48 -webkit-flex-direction: column;
49 flex-direction: column; 39 flex-direction: column;
50 } 40 }
51 41
52 .layout.vertical-reverse { 42 .layout.vertical-reverse {
53 -ms-flex-direction: column-reverse;
54 -webkit-flex-direction: column-reverse;
55 flex-direction: column-reverse; 43 flex-direction: column-reverse;
56 } 44 }
57 45
58 .layout.wrap { 46 .layout.wrap {
59 -ms-flex-wrap: wrap;
60 -webkit-flex-wrap: wrap;
61 flex-wrap: wrap; 47 flex-wrap: wrap;
62 } 48 }
63 49
64 .layout.wrap-reverse { 50 .layout.wrap-reverse {
65 -ms-flex-wrap: wrap-reverse;
66 -webkit-flex-wrap: wrap-reverse;
67 flex-wrap: wrap-reverse; 51 flex-wrap: wrap-reverse;
68 } 52 }
69 53
70 .flex-auto { 54 .flex-auto {
71 -ms-flex: 1 1 auto;
72 -webkit-flex: 1 1 auto;
73 flex: 1 1 auto; 55 flex: 1 1 auto;
74 } 56 }
75 57
76 .flex-none { 58 .flex-none {
77 -ms-flex: none;
78 -webkit-flex: none;
79 flex: none; 59 flex: none;
80 } 60 }
81 61
82 .flex, 62 .flex,
83 .flex-1 { 63 .flex-1 {
84 -ms-flex: 1;
85 -webkit-flex: 1;
86 flex: 1; 64 flex: 1;
87 } 65 }
88 66
89 .flex-2 { 67 .flex-2 {
90 -ms-flex: 2;
91 -webkit-flex: 2;
92 flex: 2; 68 flex: 2;
93 } 69 }
94 70
95 .flex-3 { 71 .flex-3 {
96 -ms-flex: 3;
97 -webkit-flex: 3;
98 flex: 3; 72 flex: 3;
99 } 73 }
100 74
101 .flex-4 { 75 .flex-4 {
102 -ms-flex: 4;
103 -webkit-flex: 4;
104 flex: 4; 76 flex: 4;
105 } 77 }
106 78
107 .flex-5 { 79 .flex-5 {
108 -ms-flex: 5;
109 -webkit-flex: 5;
110 flex: 5; 80 flex: 5;
111 } 81 }
112 82
113 .flex-6 { 83 .flex-6 {
114 -ms-flex: 6;
115 -webkit-flex: 6;
116 flex: 6; 84 flex: 6;
117 } 85 }
118 86
119 .flex-7 { 87 .flex-7 {
120 -ms-flex: 7;
121 -webkit-flex: 7;
122 flex: 7; 88 flex: 7;
123 } 89 }
124 90
125 .flex-8 { 91 .flex-8 {
126 -ms-flex: 8;
127 -webkit-flex: 8;
128 flex: 8; 92 flex: 8;
129 } 93 }
130 94
131 .flex-9 { 95 .flex-9 {
132 -ms-flex: 9;
133 -webkit-flex: 9;
134 flex: 9; 96 flex: 9;
135 } 97 }
136 98
137 .flex-10 { 99 .flex-10 {
138 -ms-flex: 10;
139 -webkit-flex: 10;
140 flex: 10; 100 flex: 10;
141 } 101 }
142 102
143 .flex-11 { 103 .flex-11 {
144 -ms-flex: 11;
145 -webkit-flex: 11;
146 flex: 11; 104 flex: 11;
147 } 105 }
148 106
149 .flex-12 { 107 .flex-12 {
150 -ms-flex: 12;
151 -webkit-flex: 12;
152 flex: 12; 108 flex: 12;
153 } 109 }
154 110
155 /* alignment in cross axis */ 111 /* alignment in cross axis */
156 112
157 .layout.start { 113 .layout.start {
158 -ms-flex-align: start;
159 -webkit-align-items: flex-start;
160 align-items: flex-start; 114 align-items: flex-start;
161 } 115 }
162 116
163 .layout.center, 117 .layout.center,
164 .layout.center-center { 118 .layout.center-center {
165 -ms-flex-align: center;
166 -webkit-align-items: center;
167 align-items: center; 119 align-items: center;
168 } 120 }
169 121
170 .layout.end { 122 .layout.end {
171 -ms-flex-align: end;
172 -webkit-align-items: flex-end;
173 align-items: flex-end; 123 align-items: flex-end;
174 } 124 }
175 125
176 /* alignment in main axis */ 126 /* alignment in main axis */
177 127
178 .layout.start-justified { 128 .layout.start-justified {
179 -ms-flex-pack: start;
180 -webkit-justify-content: flex-start;
181 justify-content: flex-start; 129 justify-content: flex-start;
182 } 130 }
183 131
184 .layout.center-justified, 132 .layout.center-justified,
185 .layout.center-center { 133 .layout.center-center {
186 -ms-flex-pack: center;
187 -webkit-justify-content: center;
188 justify-content: center; 134 justify-content: center;
189 } 135 }
190 136
191 .layout.end-justified { 137 .layout.end-justified {
192 -ms-flex-pack: end;
193 -webkit-justify-content: flex-end;
194 justify-content: flex-end; 138 justify-content: flex-end;
195 } 139 }
196 140
197 .layout.around-justified { 141 .layout.around-justified {
198 -ms-flex-pack: around;
199 -webkit-justify-content: space-around;
200 justify-content: space-around; 142 justify-content: space-around;
201 } 143 }
202 144
203 .layout.justified { 145 .layout.justified {
204 -ms-flex-pack: justify;
205 -webkit-justify-content: space-between;
206 justify-content: space-between; 146 justify-content: space-between;
207 } 147 }
208 148
209 /* self alignment */ 149 /* self alignment */
210 150
211 .self-start { 151 .self-start {
212 -ms-align-self: flex-start;
213 -webkit-align-self: flex-start;
214 align-self: flex-start; 152 align-self: flex-start;
215 } 153 }
216 154
217 .self-center { 155 .self-center {
218 -ms-align-self: center;
219 -webkit-align-self: center;
220 align-self: center; 156 align-self: center;
221 } 157 }
222 158
223 .self-end { 159 .self-end {
224 -ms-align-self: flex-end;
225 -webkit-align-self: flex-end;
226 align-self: flex-end; 160 align-self: flex-end;
227 } 161 }
228 162
229 .self-stretch { 163 .self-stretch {
230 -ms-align-self: stretch;
231 -webkit-align-self: stretch;
232 align-self: stretch; 164 align-self: stretch;
233 } 165 }
234 166
235 /******************************* 167 /*******************************
236 Other Layout 168 Other Layout
237 *******************************/ 169 *******************************/
238 170
239 .block { 171 .block {
240 display: block; 172 display: block;
241 } 173 }
(...skipping 18 matching lines...) Expand all
260 bottom: 0; 192 bottom: 0;
261 left: 0; 193 left: 0;
262 } 194 }
263 195
264 body.fullbleed { 196 body.fullbleed {
265 margin: 0; 197 margin: 0;
266 height: 100vh; 198 height: 100vh;
267 } 199 }
268 200
269 .scroll { 201 .scroll {
270 -webkit-overflow-scrolling: touch;
271 overflow: auto; 202 overflow: auto;
272 } 203 }
273 204
274 /* fixed position */ 205 /* fixed position */
275 206
276 .fixed-bottom, 207 .fixed-bottom,
277 .fixed-left, 208 .fixed-left,
278 .fixed-right, 209 .fixed-right,
279 .fixed-top { 210 .fixed-top {
280 position: fixed; 211 position: fixed;
(...skipping 17 matching lines...) Expand all
298 left: 0; 229 left: 0;
299 } 230 }
300 231
301 .fixed-left { 232 .fixed-left {
302 top: 0; 233 top: 0;
303 bottom: 0; 234 bottom: 0;
304 left: 0; 235 left: 0;
305 } 236 }
306 237
307 </style> 238 </style>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698