Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(417)

Unified Diff: third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

Issue 2671413004: DevTools: introduce spritesheet assembler. (Closed)
Patch Set: rebaseline tests Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
index e233db75860b0855da8b795eb894504e48e16e16..9e05f500c7dd994e45cf0da11c91e961d5cea7d5 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
@@ -331,61 +331,23 @@ label[is=dt-icon-label] {
background-color: rgb(110, 110, 110);
}
-.spritesheet-smallicons:not(.icon-mask) {
- background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Images/smallIcons_2x.png) 2x);
- background-size: 190px 30px;
+[is=ui-icon]:not(.icon-mask) {
+ background-image: -webkit-image-set(url(Images/icons_spritesheet.png) 1x, url(Images/icons_spritesheet_2x.png) 2x);
+ background-size: var(--spritesheet-size);
+ background-position: var(--spritesheet-position);
}
-.spritesheet-smallicons.icon-mask {
- -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Images/smallIcons_2x.png) 2x);
- -webkit-mask-size: 190px 30px;
+[is=ui-icon].icon-mask {
+ -webkit-mask-image: -webkit-image-set(url(Images/icons_spritesheet.png) 1x, url(Images/icons_spritesheet_2x.png) 2x);
+ -webkit-mask-size: var(--spritesheet-size);
+ -webkit-mask-position: var(--spritesheet-position);
}
-.spritesheet-largeicons:not(.icon-mask) {
- background-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
- background-size: 352px 168px;
-}
-
-.spritesheet-largeicons.icon-mask {
- -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
- -webkit-mask-size: 352px 168px;
-}
-
-.spritesheet-resourceicons:not(.icon-mask) {
- background-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(Images/resourceGlyphs_2x.png) 2x);
- background-size: 140px 20px;
-}
-
-.spritesheet-resourceicons.icon-mask {
- -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(Images/resourceGlyphs_2x.png) 2x);
- -webkit-mask-size: 140px 20px;
-}
-
-.force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white-icons.spritesheet-smallicons {
- -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Images/smallIcons_2x.png) 2x);
- -webkit-mask-size: 190px 30px;
- background-image: unset;
- background-size: unset;
- background: unset;
- background-color: white;
-}
-
-.force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white-icons.spritesheet-largeicons {
- -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
- -webkit-mask-size: 352px 168px;
- background-image: unset;
- background-size: unset;
- background: unset;
- background-color: white;
-}
-
-.force-white-icons [is=ui-icon].spritesheet-resourceicons, [is=ui-icon].force-white-icons.spritesheet-resourceicons {
- -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(Images/resourceGlyphs_2x.png) 2x);
- -webkit-mask-size: 140px 20px;
- background-image: unset;
- background-size: unset;
- background: unset;
- background-color: white;
+.force-white-icons [is=ui-icon], [is=ui-icon].force-white-icons {
+ -webkit-mask-image: -webkit-image-set(url(Images/icons_spritesheet.png) 1x, url(Images/icons_spritesheet_2x.png) 2x);
+ -webkit-mask-size: var(--spritesheet-size);
+ -webkit-mask-position: var(--spritesheet-position);
+ background: white !important;
}
.glass-pane {
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Icon.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/module.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698