Remove font-awesome. Replace mobile nav link with an SVG. (#44)

rubynz · Sep 10, 2017 · 4898563 · 4898563
1 parent c28bd38
commit 4898563
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 5,014 deletions.
diff --git a/source/assets/public/font-awesome/index.css b/source/assets/public/font-awesome/index.css
diff --git a/source/assets/public/fonts/FontAwesome.otf b/source/assets/public/fonts/FontAwesome.otf
diff --git a/source/assets/public/fonts/fontawesome-webfont.eot b/source/assets/public/fonts/fontawesome-webfont.eot
diff --git a/source/assets/public/fonts/fontawesome-webfont.svg b/source/assets/public/fonts/fontawesome-webfont.svg
diff --git a/source/assets/public/fonts/fontawesome-webfont.ttf b/source/assets/public/fonts/fontawesome-webfont.ttf
diff --git a/source/assets/public/fonts/fontawesome-webfont.woff b/source/assets/public/fonts/fontawesome-webfont.woff
diff --git a/source/assets/public/fonts/fontawesome-webfont.woff2 b/source/assets/public/fonts/fontawesome-webfont.woff2
diff --git a/source/assets/public/images/bg_menu.svg b/source/assets/public/images/bg_menu.svg
diff --git a/source/assets/public/index.css b/source/assets/public/index.css
@@ -33,7 +33,6 @@
 }
 
 /* Importing css files */
-@import "./font-awesome/index.css";
 @import "./grid";
 @import "./footer";
 
@@ -148,12 +147,16 @@ body {
     padding: 2rem;
     font-size: 2rem;
     border-bottom: 1px solid #EEE;
+    color: var(--font-body);
   }
-  .nav--mobile__show:hover {
-    cursor: pointer;
-  }
-  .nav--mobile__show span {
-    margin-left: 1rem;
+  .nav--mobile__show::before {
+    content: '';
+    background: url("images/bg_menu.svg") 50% 0 no-repeat;
+    display: inline-block;
+    width: 2rem;
+    height: 2rem;
+    vertical-align: middle;
+    margin-right: 1rem;
   }
 
   .breakpoint-phone .nav--mobile .nav__content {