PT-95 Favorites Icon (#30)

fenderdigital · Nov 11, 2019 · 5e6dd83 · 5e6dd83
1 parent d28e11d
commit 5e6dd83
Show file tree

Hide file tree

Showing 13 changed files with 54 additions and 7 deletions.
diff --git a/dist/fonts/fender-icons.svg b/dist/fonts/fender-icons.svg
diff --git a/dist/fonts/fender-icons.ttf b/dist/fonts/fender-icons.ttf
diff --git a/dist/fonts/fender-icons.woff b/dist/fonts/fender-icons.woff
diff --git a/dist/icon-library.css b/dist/icon-library.css
@@ -1,5 +1,7 @@
-@font-face { font-family: 'fender-icons'; src: url( 'fonts/fender-icons.ttf?iimz8o' ) format( 'truetype' ), url( 'fonts/fender-icons.woff?iimz8o' ) format( 'woff' ), url( 'fonts/fender-icons.svg?iimz8o#fender-icons' ) format( 'svg' ); font-weight: normal; font-style: normal; }
+@font-face { font-family: 'fender-icons'; src: url( 'fonts/fender-icons.ttf?oust5v' ) format( 'truetype' ), url( 'fonts/fender-icons.woff?oust5v' ) format( 'woff' ), url( 'fonts/fender-icons.svg?oust5v#fender-icons' ) format( 'svg' ); font-weight: normal; font-style: normal; font-display: block; }
 [class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fender-icons' !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; }
+.icon-heart:before { content: "\e999"; color: #888; }
+.icon-heart-filled:before { content: "\e99a"; color: #d52b1e; }
 .icon-megaphone-fill:before { content: "\e997"; }
 .icon-megaphone:before { content: "\e998"; }
 .icon-count-in-text:before { content: "\e996"; }

diff --git a/dist/icon-library.min.css b/dist/icon-library.min.css
@@ -1,5 +1,7 @@
-@font-face { font-family: 'fender-icons'; src: url( 'fonts/fender-icons.ttf?iimz8o' ) format( 'truetype' ), url( 'fonts/fender-icons.woff?iimz8o' ) format( 'woff' ), url( 'fonts/fender-icons.svg?iimz8o#fender-icons' ) format( 'svg' ); font-weight: normal; font-style: normal; }
+@font-face { font-family: 'fender-icons'; src: url( 'fonts/fender-icons.ttf?oust5v' ) format( 'truetype' ), url( 'fonts/fender-icons.woff?oust5v' ) format( 'woff' ), url( 'fonts/fender-icons.svg?oust5v#fender-icons' ) format( 'svg' ); font-weight: normal; font-style: normal; font-display: block; }
 [class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fender-icons' !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; }
+.icon-heart:before { content: "\e999"; color: #888; }
+.icon-heart-filled:before { content: "\e99a"; color: #d52b1e; }
 .icon-megaphone-fill:before { content: "\e997"; }
 .icon-megaphone:before { content: "\e998"; }
 .icon-count-in-text:before { content: "\e996"; }

diff --git a/package-lock.json b/package-lock.json
diff --git a/selection.json b/selection.json
diff --git a/src-icons/heart-filled.svg b/src-icons/heart-filled.svg
diff --git a/src-icons/heart.svg b/src-icons/heart.svg
diff --git a/src/fonts/fender-icons.svg b/src/fonts/fender-icons.svg
diff --git a/src/fonts/fender-icons.ttf b/src/fonts/fender-icons.ttf
diff --git a/src/fonts/fender-icons.woff b/src/fonts/fender-icons.woff
diff --git a/src/style.css b/src/style.css
@@ -1,11 +1,12 @@
 @font-face {
   font-family: 'fender-icons';
   src:
-    url('fonts/fender-icons.ttf?iimz8o') format('truetype'),
-    url('fonts/fender-icons.woff?iimz8o') format('woff'),
-    url('fonts/fender-icons.svg?iimz8o#fender-icons') format('svg');
+    url('fonts/fender-icons.ttf?oust5v') format('truetype'),
+    url('fonts/fender-icons.woff?oust5v') format('woff'),
+    url('fonts/fender-icons.svg?oust5v#fender-icons') format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: block;
 }
 
 [class^="icon-"], [class*=" icon-"] {
@@ -23,6 +24,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-heart:before {
+  content: "\e999";
+  color: #888;
+}
+.icon-heart-filled:before {
+  content: "\e99a";
+  color: #d52b1e;
+}
 .icon-megaphone-fill:before {
   content: "\e997";
 }