From 597c534279d59ebdeab00837ca2459410a83ff26 Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@hivemq.com>
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 a40c0b79..1c0b2156 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,25 +8,35 @@ layout: table_wrappers
{% include head.html %}
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
- <symbol id="svg-link" viewBox="0 0 16 16">
+ <symbol id="svg-link" viewBox="0 0 24 24">
<title>Link</title>
- <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path>
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
+ <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+ </svg>
</symbol>
<symbol id="svg-search" viewBox="0 0 24 24">
- <title>Menu</title>
- <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/>
+ <title>Search</title>
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
+ <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+ </svg>
</symbol>
<symbol id="svg-menu" viewBox="0 0 24 24">
- <title>Search</title>
- <path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+ <title>Menu</title>
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
+ <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
+ </svg>
</symbol>
<symbol id="svg-arrow-right" viewBox="0 0 24 24">
<title>Expand</title>
- <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/>
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
+ <polyline points="9 18 15 12 9 6"></polyline>
+ </svg>
</symbol>
<symbol id="svg-doc" viewBox="0 0 24 24">
<title>Document</title>
- <path fill="none" d="M0 0h24v24H0V0z"/><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z"/>
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
+ <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>
+ </svg>
</symbol>
</svg>
diff --git a/_sass/content.scss b/_sass/content.scss
index 965c9c8d..5bf0ad51 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 70cb6a8d..004cbe76 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 609390ac..0417b4c4 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 647cdb8e..8a7f410c 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;
}
--
GitLab