migrate dashboard icons to icon-font

Using a font instead of custom inline-svg all default dashboard styles
are applied to the Cachify icons, too.

Convert the current icons into a font using IcoMoon app and adjust the
output accordingly. Preserve original SVG files, but do not distribute.

Author: stklcode

.distignore

@@ -2,6 +2,7 @@
 /.git
 /.github
 /.wordpress-org
+/images/src
 /node_modules
 /vendor
 

.stylelintrc.json

@@ -1,6 +1,7 @@
 {
   "extends": "@wordpress/stylelint-config",
   "rules": {
+    "font-family-no-missing-generic-family-keyword": null,
     "selector-id-pattern": null
   }
 }

css/dashboard.css

@@ -1,11 +1,32 @@
 /* @group Dashboard */
-#dashboard_right_now .cachify-icon {
-	width: 19px;
-	height: 13px;
-	fill: #606a73;
+@font-face {
+	font-family: cachify-symbols;
+	src: url(../images/symbols.eot);
+	src:
+		url(../images/symbols.eot#iefix) format("embedded-opentype"),
+		url(../images/symbols.ttf) format("truetype"),
+		url(../images/symbols.woff) format("woff"),
+		url(../images/symbols.svg#cachify) format("svg");
+	font-weight: 400;
+	font-style: normal;
+	font-display: block;
 }
 
 #dashboard_right_now li a.cachify-glance::before {
-	content: "";
-	padding: 0;
-}/* @end group */
+	font: 400 13px/1 cachify-symbols;
+}
+
+#dashboard_right_now li a.cachify-glance.cachify-icon-db::before {
+	content: "\e900";
+}
+
+#dashboard_right_now li a.cachify-glance.cachify-icon-hdd::before {
+	content: "\e901";
+}
+
+#dashboard_right_now li a.cachify-glance.cachify-icon-apc::before,
+#dashboard_right_now li a.cachify-glance.cachify-icon-memcached::before {
+	content: "\e902";
+}
+
+/* @end group */