OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 * { | 7 * { |
8 /* This is required for correct sizing of flex items because we rely | 8 /* This is required for correct sizing of flex items because we rely |
9 * on an old version of the flexbox spec. | 9 * on an old version of the flexbox spec. |
10 * Longer-term we should remove this, see crbug.com/473625 */ | 10 * Longer-term we should remove this, see crbug.com/473625 */ |
(...skipping 321 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
332 background-color: rgb(110, 110, 110); | 332 background-color: rgb(110, 110, 110); |
333 -webkit-mask-position: var(--spritesheet-position); | 333 -webkit-mask-position: var(--spritesheet-position); |
334 } | 334 } |
335 | 335 |
336 [is=ui-icon]:not(.icon-mask) { | 336 [is=ui-icon]:not(.icon-mask) { |
337 background-position: var(--spritesheet-position); | 337 background-position: var(--spritesheet-position); |
338 } | 338 } |
339 | 339 |
340 .spritesheet-smallicons:not(.icon-mask) { | 340 .spritesheet-smallicons:not(.icon-mask) { |
341 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image
s/smallIcons_2x.png) 2x); | 341 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image
s/smallIcons_2x.png) 2x); |
342 background-size: 90px 90px; | |
343 } | 342 } |
344 | 343 |
345 .spritesheet-smallicons.icon-mask { | 344 .spritesheet-smallicons.icon-mask { |
346 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); | 345 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); |
347 -webkit-mask-size: 90px 90px; | |
348 } | 346 } |
349 | 347 |
350 .spritesheet-largeicons:not(.icon-mask) { | 348 .spritesheet-largeicons:not(.icon-mask) { |
351 background-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Image
s/largeIcons_2x.png) 2x); | 349 background-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Image
s/largeIcons_2x.png) 2x); |
352 background-size: 224px 216px; | |
353 } | 350 } |
354 | 351 |
355 .spritesheet-largeicons.icon-mask { | 352 .spritesheet-largeicons.icon-mask { |
356 -webkit-mask-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Ima
ges/largeIcons_2x.png) 2x); | 353 -webkit-mask-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Ima
ges/largeIcons_2x.png) 2x); |
357 -webkit-mask-size: 224px 216px; | |
358 } | 354 } |
359 | 355 |
360 .spritesheet-mediumicons:not(.icon-mask) { | 356 .spritesheet-mediumicons:not(.icon-mask) { |
361 background-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Imag
es/mediumIcons_2x.png) 2x); | 357 background-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Imag
es/mediumIcons_2x.png) 2x); |
362 background-size: 64px 64px; | |
363 } | 358 } |
364 | 359 |
365 .spritesheet-mediumicons.icon-mask { | 360 .spritesheet-mediumicons.icon-mask { |
366 -webkit-mask-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Im
ages/mediumIcons_2x.png) 2x); | 361 -webkit-mask-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Im
ages/mediumIcons_2x.png) 2x); |
367 -webkit-mask-size: 64px 64px; | |
368 } | 362 } |
369 | 363 |
370 .spritesheet-arrowicons { | 364 .spritesheet-arrowicons { |
371 background-image: url(Images/popoverArrows.png); | 365 background-image: url(Images/popoverArrows.png); |
372 background-size: 19px 76px; | |
373 } | 366 } |
374 | 367 |
375 .force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white
-icons.spritesheet-smallicons { | 368 .force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white
-icons.spritesheet-smallicons { |
376 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); | 369 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); |
377 -webkit-mask-size: 90px 90px; | |
378 -webkit-mask-position: var(--spritesheet-position); | 370 -webkit-mask-position: var(--spritesheet-position); |
379 background: white !important; | 371 background: white !important; |
380 } | 372 } |
381 | 373 |
382 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white
-icons.spritesheet-largeicons { | 374 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white
-icons.spritesheet-largeicons { |
383 -webkit-mask-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Ima
ges/largeIcons_2x.png) 2x); | 375 -webkit-mask-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Ima
ges/largeIcons_2x.png) 2x); |
384 -webkit-mask-size: 224px 216px; | |
385 -webkit-mask-position: var(--spritesheet-position); | 376 -webkit-mask-position: var(--spritesheet-position); |
386 background: white !important; | 377 background: white !important; |
387 } | 378 } |
388 | 379 |
389 .force-white-icons [is=ui-icon].spritesheet-mediumicons, [is=ui-icon].force-whit
e-icons.spritesheet-mediumicons { | 380 .force-white-icons [is=ui-icon].spritesheet-mediumicons, [is=ui-icon].force-whit
e-icons.spritesheet-mediumicons { |
390 -webkit-mask-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Im
ages/mediumIcons_2x.png) 2x); | 381 -webkit-mask-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Im
ages/mediumIcons_2x.png) 2x); |
391 -webkit-mask-size: 64px 64px; | |
392 -webkit-mask-position: var(--spritesheet-position); | 382 -webkit-mask-position: var(--spritesheet-position); |
393 background: white !important; | 383 background: white !important; |
394 } | 384 } |
OLD | NEW |