From bb896e90d764a7a023be7e56f481834675065646 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Wed, 13 Feb 2019 15:59:11 +0100
Subject: [PATCH] Fix missing icon in Members' plugin, replace iconfont with
 base64 SVG

[MAILPOET-1804]
---
 assets/css/src/admin-global.styl | 23 ++++++++++++++++++-----
 assets/css/src/icons.styl        | 24 ------------------------
 2 files changed, 18 insertions(+), 29 deletions(-)
 delete mode 100644 assets/css/src/icons.styl

diff --git a/assets/css/src/admin-global.styl b/assets/css/src/admin-global.styl
index a8ef240cff..7a8762461e 100644
--- a/assets/css/src/admin-global.styl
+++ b/assets/css/src/admin-global.styl
@@ -1,18 +1,31 @@
 @import 'nib'
 
-@require 'icons'
-
 /*
 Style for Members plugin
 */
 
 .members-tab-title
   .mailpoet-icon-logo
-    vertical-align: middle;
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTIuMDIgMTU2LjQiPjxwYXRoIGQ9Ik0zNy43MSw4OS4xYzMuNSwwLDUuOS0uOCw3LjItMi4zYTgsOCwwLDAsMCwyLTUuNFYzNS43bDE3LDQ1LjFhMTIuNjgsMTIuNjgsMCwwLDAsMy43LDUuNGMxLjYsMS4zLDQsMiw3LjIsMmExMi41NCwxMi41NCwwLDAsMCw1LjktMS40LDguNDEsOC40MSwwLDAsMCwzLjktNWwxOC4xLTUwVjgxYTguNTMsOC41MywwLDAsMCwyLjEsNi4xYzEuNCwxLjQsMy43LDIuMiw2LjksMi4yLDMuNSwwLDUuOS0uOCw3LjItMi4zYTgsOCwwLDAsMCwyLTUuNFY4LjdhNy40OCw3LjQ4LDAsMCwwLTMuMy02LjZjLTIuMS0xLjQtNS0yLjEtOC42LTIuMWExOS4zLDE5LjMsMCwwLDAtOS40LDIsMTEuNjMsMTEuNjMsMCwwLDAtNS4xLDYuOEw3NC45MSw2Ny4xLDU0LjQxLDguNGExMi40LDEyLjQsMCwwLDAtNC41LTYuMmMtMi4xLTEuNS01LTIuMi04LjgtMi4yYTE2LjUxLDE2LjUxLDAsMCwwLTguOSwyLjFjLTIuMywxLjUtMy41LDMuOS0zLjUsNy4yVjgwLjhjMCwyLjguNyw0LjgsMiw2LjJDMzIuMjEsODguNCwzNC40MSw4OS4xLDM3LjcxLDg5LjFaIiAvPjxwYXRoIGQ9Ik0xNDksMTE2LjZsLTIuNC0xLjlhNy40LDcuNCwwLDAsMC05LjQuMywxOS42NSwxOS42NSwwLDAsMS0xMi41LDQuNmgtMjEuNEEzNy4wOCwzNy4wOCwwLDAsMCw3NywxMzAuNWwtMS4xLDEuMi0xLjEtMS4xYTM3LjI1LDM3LjI1LDAsMCwwLTI2LjMtMTAuOUgyN2ExOS41OSwxOS41OSwwLDAsMS0xMi40LTQuNiw3LjI4LDcuMjgsMCwwLDAtOS40LS4zbC0yLjQsMS45QTcuNDMsNy40MywwLDAsMCwwLDEyMi4yYTcuMTQsNy4xNCwwLDAsMCwyLjQsNS43QTM3LjI4LDM3LjI4LDAsMCwwLDI3LDEzNy40aDIxLjZhMTkuNTksMTkuNTksMCwwLDEsMTguOSwxNC40di4yYy4xLjcsMS4yLDQuNCw4LjUsNC40czguNC0zLjcsOC41LTQuNHYtLjJhMTkuNTksMTkuNTksMCwwLDEsMTguOS0xNC40SDEyNWEzNy4yOCwzNy4yOCwwLDAsMCwyNC42LTkuNSw3LjQyLDcuNDIsMCwwLDAsMi40LTUuN0E3Ljg2LDcuODYsMCwwLDAsMTQ5LDExNi42WiIgLz48L3N2Zz4=') no-repeat center
+    background-size: contain
+    display: inline-block
     height: 20px;
-    width: 20px;
-    font-size: 20px;
     margin-right: 3px;
+    vertical-align: top
+    width: 20px;
+
+  &:not([aria-selected="true"]) .mailpoet-icon-logo
+    // #0073aa generated via filter
+    filter: invert(24%) sepia(95%) saturate(1872%) hue-rotate(179deg) brightness(93%) contrast(101%)
+
+  > a:hover .mailpoet-icon-logo
+  > a:active .mailpoet-icon-logo
+    // #00a0d2 generated via filter
+    filter: invert(49%) sepia(50%) saturate(3683%) hue-rotate(163deg) brightness(94%) contrast(101%)
+
+  &[aria-selected="true"] a .mailpoet-icon-logo
+    // #555 generated via filter
+    filter: invert(33%) sepia(0%) saturate(7%) hue-rotate(205deg) brightness(94%) contrast(87%)
 
 #wpbody
   padding-bottom: 20px;
diff --git a/assets/css/src/icons.styl b/assets/css/src/icons.styl
deleted file mode 100644
index 51f75c662a..0000000000
--- a/assets/css/src/icons.styl
+++ /dev/null
@@ -1,24 +0,0 @@
-icon-font-path ?= "../fonts"
-
-@font-face
-  font-family 'mailpoet'
-  src url(icon-font-path + '/mailpoet.ttf?mx0b6n') format('truetype'), url(icon-font-path + '/mailpoet.woff?mx0b6n') format('woff'), url(icon-font-path + '/mailpoet.svg?mx0b6n#mailpoet') format('svg')
-  font-weight normal
-  font-style normal
-
-[class^="mailpoet-icon-"], [class*=" mailpoet-icon-"]
-  font-family 'mailpoet' !important
-  speak none
-  font-style normal
-  font-weight normal
-  font-variant normal
-  text-transform none
-  line-height 1
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing antialiased
-  -moz-osx-font-smoothing grayscale
-
-.mailpoet-icon-logo
-  &:before
-    content "\e900"