fix remaining font-awesome icons

hlxsites · Jan 18, 2024 · a83269e · a83269e
1 parent 39bf5d7
commit a83269e
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 13 deletions.
diff --git a/cigaradvisor/blocks/article-teaser/article-teaser.css b/cigaradvisor/blocks/article-teaser/article-teaser.css
@@ -89,7 +89,7 @@
   display: flex;
   align-items: flex-start;
   flex: 1 0 13rem;
-  width: 100%;  
+  width: 100%;
 }
 
 .article-teaser.block .article.article-thumbnail .article-image>img {
@@ -238,12 +238,14 @@
 }
 
 .article-teaser.block .read-more::after {
-  content: '\f054';
-  font-family: FontAwesome, sans-serif;
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  content: url('/cigaradvisor/icons/angle-right.svg');
   margin-left: 8px;
-  line-height: 1.5;
-  color: #b19b5e;
-  font-size: 18px;
+  vertical-align: top;
+  margin-top: 2px;
+  filter: var(--clr-filter-subdued-gold);
 }
 
 .article-teaser.block .article-thumbnail .article-read-more {
@@ -296,4 +298,4 @@
   .article-teaser.block .article.article-thumbnail {
     min-height: 26.25rem;
   }
-}
+}
diff --git a/cigaradvisor/blocks/header/header.css b/cigaradvisor/blocks/header/header.css
@@ -196,10 +196,13 @@
 }
 
 .header.block nav .primary-nav .nav-drop:not([data-secondarynav='search-box']) span::after {
-    font-size: 16px;
-    content: '\f107';
-    font-family: FontAwesome, Arial, sans-serif;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    content: url('/cigaradvisor/icons/angle-down.svg');
     margin-left: 10px;
+    vertical-align: top;
+    margin-top: 1px
 }
 
 /* Secondary navigation */
@@ -515,10 +518,13 @@
 }
 
 .header.block .mobile-nav .nav-drop:not([data-secondarynav='search-box']) span::after {
-    font-size: 16px;
-    content: '\f107';
-    font-family: FontAwesome, Arial, sans-serif;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    content: url('/cigaradvisor/icons/angle-down.svg');
     margin-left: 10px;
+    vertical-align: top;
+    margin-top: 1px;
 }
 
 .header.block .mobile-nav .secondary-nav-box ul li {

diff --git a/cigaradvisor/icons/angle-down.svg b/cigaradvisor/icons/angle-down.svg
diff --git a/cigaradvisor/icons/angle-right.svg b/cigaradvisor/icons/angle-right.svg
diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
@@ -146,6 +146,7 @@
   /* filter colors (https://codepen.io/sosuke/pen/Pjoqqp) */
   --clr-filter-gray: invert(18%) sepia(4%) saturate(304%) hue-rotate(277deg) brightness(98%) contrast(92%);
   --clr-filter-tan: invert(50%) sepia(27%) saturate(408%) hue-rotate(358deg) brightness(93%) contrast(91%);
+  --clr-filter-subdued-gold: invert(62%) sepia(55%) saturate(302%) hue-rotate(6deg) brightness(90%) contrast(88%);
 
 
   /* fonts */