From 597c534279d59ebdeab00837ca2459410a83ff26 Mon Sep 17 00:00:00 2001 From: Silvio Giebl Date: Thu, 25 Jun 2020 23:48:24 +0200 Subject: [PATCH] Replaced svgs with feathericons.com --- _layouts/default.html | 26 ++++++++++++++++++-------- _sass/content.scss | 2 +- _sass/layout.scss | 2 +- _sass/navigation.scss | 4 ++-- _sass/search.scss | 6 +++--- 5 files changed, 25 insertions(+), 15 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index a40c0b7..1c0b215 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,25 +8,35 @@ layout: table_wrappers {% include head.html %} - + Link - + + + - Menu - + Search + + + - Search - + Menu + + + Expand - + + + Document - + + + diff --git a/_sass/content.scss b/_sass/content.scss index 965c9c8..5bf0ad5 100644 --- a/_sass/content.scss +++ b/_sass/content.scss @@ -148,7 +148,7 @@ display: inline-block; width: 100%; height: 100%; - fill: $link-color; + color: $link-color; visibility: hidden; } } diff --git a/_sass/layout.scss b/_sass/layout.scss index 70cb6a8..004cbe7 100644 --- a/_sass/layout.scss +++ b/_sass/layout.scss @@ -201,5 +201,5 @@ body { .icon { width: $sp-5; height: $sp-5; - fill: $link-color; + color: $link-color; } diff --git a/_sass/navigation.scss b/_sass/navigation.scss index 609390a..0417b4c 100644 --- a/_sass/navigation.scss +++ b/_sass/navigation.scss @@ -71,7 +71,7 @@ padding-right: #{$nav-list-item-height-sm / 4}; padding-bottom: #{$nav-list-item-height-sm / 4}; padding-left: #{$nav-list-item-height-sm / 4}; - fill: $link-color; + color: $link-color; @include mq(md) { width: $nav-list-item-height; @@ -110,7 +110,7 @@ } .nav-list-expander { - fill: $nav-child-link-color; + color: $nav-child-link-color; } } } diff --git a/_sass/search.scss b/_sass/search.scss index 647cdb8..8a7f410 100644 --- a/_sass/search.scss +++ b/_sass/search.scss @@ -68,7 +68,7 @@ outline: 0; + .search-label .search-icon { - fill: $link-color; + color: $link-color; } } } @@ -88,7 +88,7 @@ width: #{$sp-4 * 1.2}; height: #{$sp-4 * 1.2}; align-self: center; - fill: $grey-dk-000; + color: $grey-dk-000; } } @@ -171,7 +171,7 @@ width: $sp-4; height: $sp-4; margin-right: $sp-2; - fill: $link-color; + color: $link-color; flex-shrink: 0; }