Merge "skins.vector.styles: Remove PNG fallback and merge skins.vector.icons module"

bundlesize.config.json

@@ -5,11 +5,7 @@
 	},
 	{
 		"resourceModule": "skins.vector.styles",
-		"maxSize": "8.7 kB"
-	},
-	{
-		"resourceModule": "skins.vector.icons",
-		"maxSize": "0.6 kB"
+		"maxSize": "9.0 kB"
 	},
 	{
 		"resourceModule": "skins.vector.styles.responsive",

resources/skins.vector.styles/Sidebar.less

@@ -38,6 +38,13 @@
 		margin: 0 @margin-horizontal-sidebar-button-icon;
 		// Equals `#555`, closest to `#54595d` on background-color `#fff`.
 		opacity: 0.67;
+		/* @embed */
+		background-image: linear-gradient( transparent, transparent ), url( images/chevronHorizontal-ltr.svg );
+
+		#mw-sidebar-checkbox:not( :checked ) ~ .mw-header & {
+			/* @embed */
+			background-image: linear-gradient( transparent, transparent ), url( images/menu.svg );
+		}
 	}
 
 	&:hover {

skin.json

@@ -26,8 +26,7 @@
 					],
 					"styles": [
 						"skins.vector.styles",
-						"mediawiki.ui.icon",
-						"skins.vector.icons"
+						"mediawiki.ui.icon"
 					],
 					"messages": [
 						"vector-action-toggle-sidebar",
@@ -85,19 +84,6 @@
 			],
 			"styles": [ "resources/skins.vector.styles/skin.less" ]
 		},
-		"skins.vector.icons": {
-			"class": "ResourceLoaderImageModule",
-			"selector": "{name}",
-			"images": {
-				"#mw-sidebar-button:before": {
-					"file": {
-						"ltr": "resources/skins.vector.icons/chevronHorizontal-ltr.svg",
-						"rtl": "resources/skins.vector.icons/chevronHorizontal-rtl.svg"
-					}
-				},
-				"#mw-sidebar-checkbox:not( :checked ) ~ .mw-header #mw-sidebar-button:before": "resources/skins.vector.icons/menu.svg"
-			}
-		},
 		"skins.vector.styles.responsive": {
 			"targets": [
 				"desktop",