Fix Github icon in docs

box · May 24, 2019 · a296f73 · a296f73
1 parent 0f0bf64
commit a296f73
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 63 deletions.
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
@@ -17,10 +17,8 @@
         <a class="page-link" href="{{ site.github.url }}/guides/">Guides</a>
         <a class="page-link" href="{{ site.github.url }}/faq/">FAQ</a>
         <a class="page-link" href="https://github.com/box/spout">
-            GitHub
-            <svg width="12" height="12">
-                <image xlink:href="/images/external-link.svg" src="/images/external-link.png" width="12" height="12"/>
-            </svg>
+            <span class="icon icon--github">{% include icon-github.svg %}</span>
+            <span class="username">GitHub</span>
         </a>
         {% if site.algolia.enabled %}
         <span class="site-search">

diff --git a/docs/_sass/_layout.scss b/docs/_sass/_layout.scss
@@ -43,6 +43,10 @@
         &:not(:last-child) {
             margin-right: 20px;
         }
+
+        svg {
+            padding-bottom: 3px;
+        }
     }
 
     @include media-query($on-palm) {

diff --git a/docs/images/external-link.png b/docs/images/external-link.png
diff --git a/docs/images/external-link.svg b/docs/images/external-link.svg