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 313 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
324 | 324 |
325 [is=ui-icon] { | 325 [is=ui-icon] { |
326 display: inline-block; | 326 display: inline-block; |
327 flex-shrink: 0; | 327 flex-shrink: 0; |
328 } | 328 } |
329 | 329 |
330 .icon-mask { | 330 .icon-mask { |
331 background-color: rgb(110, 110, 110); | 331 background-color: rgb(110, 110, 110); |
332 } | 332 } |
333 | 333 |
334 .spritesheet-smallicons { | 334 .spritesheet-smallicons:not(.icon-mask) { |
335 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image
s/smallIcons_2x.png) 2x); | 335 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image
s/smallIcons_2x.png) 2x); |
336 background-size: 190px 30px; | 336 background-size: 190px 30px; |
337 } | 337 } |
338 | 338 |
339 .spritesheet-smallicons.icon-mask { | 339 .spritesheet-smallicons.icon-mask { |
340 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); | 340 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); |
341 -webkit-mask-size: 190px 30px; | 341 -webkit-mask-size: 190px 30px; |
342 } | 342 } |
343 | 343 |
344 .spritesheet-largeicons { | 344 .spritesheet-largeicons:not(.icon-mask) { |
345 background-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x,
url(Images/toolbarButtonGlyphs_2x.png) 2x); | 345 background-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x,
url(Images/toolbarButtonGlyphs_2x.png) 2x); |
346 background-size: 352px 168px; | 346 background-size: 352px 168px; |
347 } | 347 } |
348 | 348 |
349 .spritesheet-largeicons.icon-mask { | 349 .spritesheet-largeicons.icon-mask { |
350 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); | 350 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); |
351 -webkit-mask-size: 352px 168px; | 351 -webkit-mask-size: 352px 168px; |
352 } | 352 } |
353 | 353 |
354 .force-white-icons .spritesheet-smallicons, .force-white-icons.spritesheet-small
icons { | 354 .force-white-icons .spritesheet-smallicons, .force-white-icons.spritesheet-small
icons { |
355 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); | 355 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); |
356 -webkit-mask-size: 190px 30px; | 356 -webkit-mask-size: 190px 30px; |
357 background-image: unset; | 357 background-image: unset; |
358 background-size: unset; | 358 background-size: unset; |
359 background-color: white; | 359 background-color: white; |
360 } | 360 } |
361 | 361 |
362 .force-white-icons .spritesheet-largeicons, .force-white-icons.spritesheet-large
icons { | 362 .force-white-icons .spritesheet-largeicons, .force-white-icons.spritesheet-large
icons { |
363 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); | 363 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); |
364 -webkit-mask-size: 352px 168px; | 364 -webkit-mask-size: 352px 168px; |
365 background-image: unset; | 365 background-image: unset; |
366 background-size: unset; | 366 background-size: unset; |
367 background-color: white; | 367 background-color: white; |
368 } | 368 } |
OLD | NEW |