Add dev to link in header

coreyja · Oct 27, 2018 · f8e6ce3 · f8e6ce3
1 parent 1d2a5b5
commit f8e6ce3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/source/shared/_header.html.erb b/source/shared/_header.html.erb
@@ -8,6 +8,9 @@
         <% link_to 'https://www.github.com/coreyja', class: 'Header-socialIcon', target: '_blank', rel: 'noopener' do %>
             <%= image_tag 'github-mark.png' %>
         <% end %>
+        <% link_to 'https://dev.to/coreyja', class: 'Header-socialIcon', target: '_blank', rel: 'noopener' do %>
+            <%= image_tag 'https://d2fltix0v2e0sb.cloudfront.net/dev-badge.svg' %>
+        <% end %>
     </div>
   </div>
 

diff --git a/source/stylesheets/components/_header.scss b/source/stylesheets/components/_header.scss
@@ -53,13 +53,20 @@
 
   &-socialIcons {
     @include bigger-than-600 {
-        margin-left: auto;
+      margin-left: auto;
     }
   }
 
   &-socialIcon {
-      display: inline-block;
-      max-width: 32px;
+    display: inline-block;
+    height: 32px;
+    margin: 0 3px;
+    width: 32px;
+
+    img {
+      max-height: 100%;
+      max-width: 100%;
+    }
   }
 
   &-coloredBars {