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 325 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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:not(.icon-mask) { | 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 192px; |
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 192px; |
352 } | 352 } |
353 | 353 |
354 .spritesheet-resourceicons:not(.icon-mask) { | 354 .spritesheet-resourceicons:not(.icon-mask) { |
355 background-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(I
mages/resourceGlyphs_2x.png) 2x); | 355 background-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(I
mages/resourceGlyphs_2x.png) 2x); |
356 background-size: 140px 20px; | 356 background-size: 140px 20px; |
357 } | 357 } |
358 | 358 |
359 .spritesheet-resourceicons.icon-mask { | 359 .spritesheet-resourceicons.icon-mask { |
360 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url
(Images/resourceGlyphs_2x.png) 2x); | 360 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url
(Images/resourceGlyphs_2x.png) 2x); |
361 -webkit-mask-size: 140px 20px; | 361 -webkit-mask-size: 140px 20px; |
362 } | 362 } |
363 | 363 |
364 .force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white
-icons.spritesheet-smallicons { | 364 .force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white
-icons.spritesheet-smallicons { |
365 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); | 365 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima
ges/smallIcons_2x.png) 2x); |
366 -webkit-mask-size: 190px 30px; | 366 -webkit-mask-size: 190px 30px; |
367 background-image: unset; | 367 background-image: unset; |
368 background-size: unset; | 368 background-size: unset; |
369 background: unset; | 369 background: unset; |
370 background-color: white; | 370 background-color: white; |
371 } | 371 } |
372 | 372 |
373 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white
-icons.spritesheet-largeicons { | 373 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white
-icons.spritesheet-largeicons { |
374 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); | 374 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); |
375 -webkit-mask-size: 352px 168px; | 375 -webkit-mask-size: 352px 192px; |
376 background-image: unset; | 376 background-image: unset; |
377 background-size: unset; | 377 background-size: unset; |
378 background: unset; | 378 background: unset; |
379 background-color: white; | 379 background-color: white; |
380 } | 380 } |
381 | 381 |
382 .force-white-icons [is=ui-icon].spritesheet-resourceicons, [is=ui-icon].force-wh
ite-icons.spritesheet-resourceicons { | 382 .force-white-icons [is=ui-icon].spritesheet-resourceicons, [is=ui-icon].force-wh
ite-icons.spritesheet-resourceicons { |
383 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url
(Images/resourceGlyphs_2x.png) 2x); | 383 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url
(Images/resourceGlyphs_2x.png) 2x); |
384 -webkit-mask-size: 140px 20px; | 384 -webkit-mask-size: 140px 20px; |
385 background-image: unset; | 385 background-image: unset; |
386 background-size: unset; | 386 background-size: unset; |
387 background: unset; | 387 background: unset; |
388 background-color: white; | 388 background-color: white; |
389 } | 389 } |
390 | 390 |
391 .glass-pane { | 391 .glass-pane { |
392 position: absolute; | 392 position: absolute; |
393 top: 0; | 393 top: 0; |
394 bottom: 0; | 394 bottom: 0; |
395 left: 0; | 395 left: 0; |
396 right: 0; | 396 right: 0; |
397 overflow: hidden; | 397 overflow: hidden; |
398 contain: strict; | 398 contain: strict; |
399 } | 399 } |
400 | 400 |
401 .glass-pane-content { | 401 .glass-pane-content { |
402 display: flex; | 402 display: flex; |
403 } | 403 } |
OLD | NEW |