OLD | NEW |
1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- | 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- |
2 @license | 2 @license |
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2014 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 @license | 10 @license |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
83 display: flex; | 83 display: flex; |
84 }; | 84 }; |
85 | 85 |
86 --layout-inline: { | 86 --layout-inline: { |
87 display: -ms-inline-flexbox; | 87 display: -ms-inline-flexbox; |
88 display: -webkit-inline-flex; | 88 display: -webkit-inline-flex; |
89 display: inline-flex; | 89 display: inline-flex; |
90 }; | 90 }; |
91 | 91 |
92 --layout-horizontal: { | 92 --layout-horizontal: { |
93 /* @apply(--layout); */ | 93 @apply(--layout); |
94 display: -ms-flexbox; | |
95 display: -webkit-flex; | |
96 display: flex; | |
97 | 94 |
98 -ms-flex-direction: row; | 95 -ms-flex-direction: row; |
99 -webkit-flex-direction: row; | 96 -webkit-flex-direction: row; |
100 flex-direction: row; | 97 flex-direction: row; |
101 }; | 98 }; |
102 | 99 |
103 --layout-horizontal-reverse: { | 100 --layout-horizontal-reverse: { |
| 101 @apply(--layout); |
| 102 |
104 -ms-flex-direction: row-reverse; | 103 -ms-flex-direction: row-reverse; |
105 -webkit-flex-direction: row-reverse; | 104 -webkit-flex-direction: row-reverse; |
106 flex-direction: row-reverse; | 105 flex-direction: row-reverse; |
107 }; | 106 }; |
108 | 107 |
109 --layout-vertical: { | 108 --layout-vertical: { |
110 /* @apply(--layout); */ | 109 @apply(--layout); |
111 display: -ms-flexbox; | |
112 display: -webkit-flex; | |
113 display: flex; | |
114 | 110 |
115 -ms-flex-direction: column; | 111 -ms-flex-direction: column; |
116 -webkit-flex-direction: column; | 112 -webkit-flex-direction: column; |
117 flex-direction: column; | 113 flex-direction: column; |
118 }; | 114 }; |
119 | 115 |
120 --layout-vertical-reverse: { | 116 --layout-vertical-reverse: { |
| 117 @apply(--layout); |
| 118 |
121 -ms-flex-direction: column-reverse; | 119 -ms-flex-direction: column-reverse; |
122 -webkit-flex-direction: column-reverse; | 120 -webkit-flex-direction: column-reverse; |
123 flex-direction: column-reverse; | 121 flex-direction: column-reverse; |
124 }; | 122 }; |
125 | 123 |
126 --layout-wrap: { | 124 --layout-wrap: { |
127 -ms-flex-wrap: wrap; | 125 -ms-flex-wrap: wrap; |
128 -webkit-flex-wrap: wrap; | 126 -webkit-flex-wrap: wrap; |
129 flex-wrap: wrap; | 127 flex-wrap: wrap; |
130 }; | 128 }; |
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
267 justify-content: space-around; | 265 justify-content: space-around; |
268 }; | 266 }; |
269 | 267 |
270 --layout-justified: { | 268 --layout-justified: { |
271 -ms-flex-pack: justify; | 269 -ms-flex-pack: justify; |
272 -webkit-justify-content: space-between; | 270 -webkit-justify-content: space-between; |
273 justify-content: space-between; | 271 justify-content: space-between; |
274 }; | 272 }; |
275 | 273 |
276 --layout-center-center: { | 274 --layout-center-center: { |
277 /* @apply(--layout-center --layout-center-justified); */ | 275 @apply(--layout-center); |
278 -ms-flex-align: center; | 276 @apply(--layout-center-justified); |
279 -webkit-align-items: center; | |
280 align-items: center; | |
281 -ms-flex-pack: center; | |
282 -webkit-justify-content: center; | |
283 justify-content: center; | |
284 }; | 277 }; |
285 | 278 |
286 /* self alignment */ | 279 /* self alignment */ |
287 | 280 |
288 --layout-self-start: { | 281 --layout-self-start: { |
289 -ms-align-self: flex-start; | 282 -ms-align-self: flex-start; |
290 -webkit-align-self: flex-start; | 283 -webkit-align-self: flex-start; |
291 align-self: flex-start; | 284 align-self: flex-start; |
292 }; | 285 }; |
293 | 286 |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
334 }; | 327 }; |
335 | 328 |
336 --layout-scroll: { | 329 --layout-scroll: { |
337 -webkit-overflow-scrolling: touch; | 330 -webkit-overflow-scrolling: touch; |
338 overflow: auto; | 331 overflow: auto; |
339 }; | 332 }; |
340 | 333 |
341 --layout-fullbleed: { | 334 --layout-fullbleed: { |
342 margin: 0; | 335 margin: 0; |
343 height: 100vh; | 336 height: 100vh; |
344 } | 337 }; |
345 | 338 |
346 /* fixed position */ | 339 /* fixed position */ |
347 | 340 |
348 --layout-fixed-top: { | 341 --layout-fixed-top: { |
349 position: fixed; | 342 position: fixed; |
350 top: 0; | 343 top: 0; |
351 left: 0; | 344 left: 0; |
352 right: 0; | 345 right: 0; |
353 }; | 346 }; |
354 | 347 |
(...skipping 2024 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2379 } | 2372 } |
2380 | 2373 |
2381 .label-and-input-container { | 2374 .label-and-input-container { |
2382 @apply(--layout-flex); | 2375 @apply(--layout-flex); |
2383 @apply(--layout-relative); | 2376 @apply(--layout-relative); |
2384 } | 2377 } |
2385 | 2378 |
2386 .input-content { | 2379 .input-content { |
2387 position: relative; | 2380 position: relative; |
2388 @apply(--layout-horizontal); | 2381 @apply(--layout-horizontal); |
2389 @apply(--layout-end); | 2382 @apply(--layout-center); |
2390 } | 2383 } |
2391 | 2384 |
2392 .input-content ::content label, | 2385 .input-content ::content label, |
2393 .input-content ::content .paper-input-label { | 2386 .input-content ::content .paper-input-label { |
2394 position: absolute; | 2387 position: absolute; |
2395 top: 0; | 2388 top: 0; |
2396 right: 0; | 2389 right: 0; |
2397 left: 0; | 2390 left: 0; |
2398 font: inherit; | 2391 font: inherit; |
2399 color: var(--paper-input-container-color, --secondary-text-color); | 2392 color: var(--paper-input-container-color, --secondary-text-color); |
(...skipping 449 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2849 <downloads-manager></downloads-manager> | 2842 <downloads-manager></downloads-manager> |
2850 <command id="clear-all-command" shortcut="Alt-U+0043"></command> | 2843 <command id="clear-all-command" shortcut="Alt-U+0043"></command> |
2851 <if expr="is_macosx"> | 2844 <if expr="is_macosx"> |
2852 <command id="undo-command" shortcut="Meta-U+005A"></command> | 2845 <command id="undo-command" shortcut="Meta-U+005A"></command> |
2853 </if> | 2846 </if> |
2854 <if expr="not is_macosx"> | 2847 <if expr="not is_macosx"> |
2855 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 2848 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
2856 </if> | 2849 </if> |
2857 | 2850 |
2858 <script src="crisper.js"></script></body></html> | 2851 <script src="crisper.js"></script></body></html> |
OLD | NEW |