diff --git a/cigaradvisor/blocks/article-teaser/article-teaser.css b/cigaradvisor/blocks/article-teaser/article-teaser.css index addeb5c2..72d7cf0b 100644 --- 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; } -} \ No newline at end of file +} diff --git a/cigaradvisor/blocks/header/header.css b/cigaradvisor/blocks/header/header.css index 1ae2e8fa..91626a97 100644 --- 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 new file mode 100644 index 00000000..b648930a --- /dev/null +++ b/cigaradvisor/icons/angle-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/cigaradvisor/icons/angle-right.svg b/cigaradvisor/icons/angle-right.svg new file mode 100644 index 00000000..81912986 --- /dev/null +++ b/cigaradvisor/icons/angle-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css index 7e071d89..ff4e6247 100644 --- a/cigaradvisor/styles/styles.css +++ b/cigaradvisor/styles/styles.css @@ -142,6 +142,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 */