DevTools: [Icons] do not set background-position in every UI.Icon

third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

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 4d16f143d27dbd70169f492ab4e567cddeeae379..00ffeb509dc74b2731dba37c6c2ff889a2f4af57 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
@@ -327,8 +327,13 @@ label[is=dt-icon-label] {
     flex-shrink: 0;
 }
 
-.icon-mask {
+[is=ui-icon].icon-mask {
     background-color: rgb(110, 110, 110);
+    -webkit-mask-position: var(--spritesheet-position);
+}
+
+[is=ui-icon]:not(.icon-mask) {
+    background-position: var(--spritesheet-position);
 }
 
 .spritesheet-smallicons:not(.icon-mask) {
@@ -369,26 +374,17 @@ label[is=dt-icon-label] {
 .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;
+    background: white !important;

[dgozman, 2017/03/09 23:45:34]

-webkit-mask-position it.

[lushnikov, 2017/03/09 23:48:37]

Done.

 }
 
 .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;
+    background: white !important;
 }
 
 .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;
+    background: white !important;
 }