Adds social links to header

Author: rowanhogan

docs/css/_icons.scss

@@ -1,14 +1,26 @@
 @font-face {
   font-family: 'icomoon';
-  src:url('../icons/icomoon.eot?ry75vt');
-  src:url('../icons/icomoon.eot?#iefixry75vt') format('embedded-opentype'),
-    url('../icons/icomoon.woff?ry75vt') format('woff'),
-    url('../icons/icomoon.ttf?ry75vt') format('truetype'),
-    url('../icons/icomoon.svg?ry75vt#icomoon') format('svg');
+  src:url('../icons/icomoon.eot?hvn9tv');
+  src:url('../icons/icomoon.eot?#iefixhvn9tv') format('embedded-opentype'),
+    url('../icons/icomoon.woff?hvn9tv') format('woff'),
+    url('../icons/icomoon.ttf?hvn9tv') format('truetype'),
+    url('../icons/icomoon.svg?hvn9tv#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
+.icon-arrow-down:before {
+  content: "\e608";
+}
+.icon-twitter:before {
+  content: "\e606";
+}
+.icon-github:before {
+  content: "\e607";
+}
+.icon-file-css:before {
+  content: "\e609";
+}
 .icon-settings:before {
   content: "\e600";
 }

docs/css/docs.css

@@ -1594,11 +1594,23 @@ input[type="file"]::-webkit-file-upload-button {
 
 @font-face {
   font-family: 'icomoon';
-  src: url('../icons/icomoon.eot?ry75vt');
-  src: url('../icons/icomoon.eot?#iefixry75vt') format('embedded-opentype'), url('../icons/icomoon.woff?ry75vt') format('woff'), url('../icons/icomoon.ttf?ry75vt') format('truetype'), url('../icons/icomoon.svg?ry75vt#icomoon') format('svg');
+  src: url('../icons/icomoon.eot?hvn9tv');
+  src: url('../icons/icomoon.eot?#iefixhvn9tv') format('embedded-opentype'), url('../icons/icomoon.woff?hvn9tv') format('woff'), url('../icons/icomoon.ttf?hvn9tv') format('truetype'), url('../icons/icomoon.svg?hvn9tv#icomoon') format('svg');
   font-weight: normal;
   font-style: normal; }
 
+.icon-arrow-down:before {
+  content: "\e608"; }
+
+.icon-twitter:before {
+  content: "\e606"; }
+
+.icon-github:before {
+  content: "\e607"; }
+
+.icon-file-css:before {
+  content: "\e609"; }
+
 .icon-settings:before {
   content: "\e600"; }
 
@@ -1653,6 +1665,12 @@ input[type="file"]::-webkit-file-upload-button {
       .hero .outline-button {
         display: block; } }
 
+.header-social {
+  margin: 0 auto -2.5em; }
+  .header-social a {
+    display: inline-block;
+    padding: 0 0.5em; }
+
 .title-container {
   position: relative;
   z-index: 2; }
@@ -1805,6 +1823,14 @@ footer {
   footer .social-share {
     text-align: right; }
 
+.footer-social {
+  margin-right: 1em; }
+  .footer-social a {
+    padding: 0 0.25em;
+    text-transform: uppercase; }
+    .footer-social a:before {
+      margin-right: 0.25em; }
+
 .hideshare-wrap {
   position: relative;
   display: inline-block;
@@ -1835,7 +1861,10 @@ footer {
   .hideshare-list li {
     display: inline-block;
     zoom: 1;
-    *display: inline; }
+    *display: inline;
+    padding: 0; }
+    .hideshare-list li:before {
+      display: none; }
     .hideshare-list li a {
       display: block;
       padding: 0.25em 0.5em;

docs/css/docs.scss

@@ -81,6 +81,15 @@ $features-bg-color: #001053;
   }
 }
 
+.header-social {
+  margin: 0 auto -2.5em;
+
+  a {
+    display: inline-block;
+    padding: 0 .5em;
+  }
+}
+
 .title-container {
   position: relative;
   z-index: 2;
@@ -275,6 +284,18 @@ footer {
   .social-share { text-align: right; }
 }
 
+.footer-social {
+  margin-right: 1em;
+
+  a {
+    padding: 0 .25em;
+    text-transform: uppercase;
+
+    &:before {
+      margin-right: .25em;
+    }
+  }
+}
 
 .hideshare-wrap {
   position: relative;
@@ -311,6 +332,9 @@ footer {
     display: inline-block;
     zoom: 1;
     *display: inline;
+    padding: 0;
+
+    &:before { display: none; }
 
     a {
       display: block;