| 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 309 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 320 font-size: 13px; | 320 font-size: 13px; |
| 321 overflow: auto; | 321 overflow: auto; |
| 322 z-index: 500; | 322 z-index: 500; |
| 323 } | 323 } |
| 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-stack { |
| 331 position: relative; |
| 332 display: inline-flex; |
| 333 } |
| 334 |
| 335 .icon-stack > [is=ui-icon]:not(:first-child) { |
| 336 position: absolute; |
| 337 left: 0; |
| 338 top: 0; |
| 339 } |
| 340 |
| 330 .icon-mask { | 341 .icon-mask { |
| 331 background-color: rgb(110, 110, 110); | 342 background-color: rgb(110, 110, 110); |
| 332 } | 343 } |
| 333 | 344 |
| 334 .spritesheet-smallicons:not(.icon-mask) { | 345 .spritesheet-smallicons:not(.icon-mask) { |
| 335 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image
s/smallIcons_2x.png) 2x); | 346 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image
s/smallIcons_2x.png) 2x); |
| 336 background-size: 190px 30px; | 347 background-size: 190px 30px; |
| 337 } | 348 } |
| 338 | 349 |
| 339 .spritesheet-smallicons.icon-mask { | 350 .spritesheet-smallicons.icon-mask { |
| (...skipping 21 matching lines...) Expand all Loading... |
| 361 } | 372 } |
| 362 | 373 |
| 363 .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 { |
| 364 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); | 375 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x
, url(Images/toolbarButtonGlyphs_2x.png) 2x); |
| 365 -webkit-mask-size: 352px 168px; | 376 -webkit-mask-size: 352px 168px; |
| 366 background-image: unset; | 377 background-image: unset; |
| 367 background-size: unset; | 378 background-size: unset; |
| 368 background: unset; | 379 background: unset; |
| 369 background-color: white; | 380 background-color: white; |
| 370 } | 381 } |
| OLD | NEW |