| 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 192px; | 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 192px; | 351 -webkit-mask-size: 352px 168px; |
| 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 192px; | 375 -webkit-mask-size: 352px 168px; |
| 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 |