feat: auto-load custom svg sprites from assets folder (#40)

BREAKING CHANGE:

The icon gdoc_telescope was removed. If you are using this icon you have to replace it.

Build-in icons are prefixed with gdoc_ now. If you use built-in icons in e.g. menus you have to rename these references!

3 files changed, 11 insertions, 4 deletions

diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 89d9453..c693d66 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -177,10 +177,10 @@ img {
       margin-right: $padding-4;
     }
 
-    .icon.menu {
+    .icon.gblog_menu {
       display: inline-block;
     }
-    .icon.clear {
+    .icon.gblog_clear {
       display: none;
     }
   }
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index fab0166..64d477b 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -73,10 +73,10 @@
 }
 
 #menu-control:checked ~ .gblog-nav__control {
-  .icon.menu {
+  .icon.gblog_menu {
     display: none;
   }
-  .icon.clear {
+  .icon.gblog_clear {
     display: inline-block;
   }
 }
diff --git a/src/sass/_utils.scss b/src/sass/_utils.scss
index c6601db..ddcb172 100644
--- a/src/sass/_utils.scss
+++ b/src/sass/_utils.scss
@@ -18,6 +18,13 @@
   flex-wrap: wrap;
 }
 
+.flex-grid {
+  flex-direction: column;
+  border: $border-1 solid $gray-200;
+  border-radius: $border-radius;
+  background-color: $color-code;
+}
+
 .justify-start {
   justify-content: flex-start;
 }