Merge pull request #374 from webpack/feature/refactoring

Refactoring and Fixes

Author: SpaceK33z

.editorconfig

@@ -6,7 +6,7 @@ root = true
 charset = utf-8
 
 # 4 space indentation
-[*.{md,js,jsx,scss}]
+[*.{md,js,jsx,scss,hbs}]
 indent_style = space
 indent_size = 2
 

assets/icons.woff

@@ -1,4 +1,4 @@
-@import 'vars';
+@import 'functions';
 
 .cube {
   position:relative;
@@ -23,14 +23,14 @@
     position:absolute;
     width:100%;
     height:100%;
-    border: 3px solid map-get($colors, white);
+    border: 3px solid getColor(white);
   }
 
   .cube__outer .cube__face {
-    background:transparentize(map-get($colors, malibu), 0.5);
+    background:transparentize(getColor(malibu), 0.5);
   }
 
   .cube__inner .cube__face {
-    background:map-get($colors, denim);
+    background:getColor(denim);
   }
 }

assets/icons.woff2

@@ -1,4 +1,3 @@
-@import 'vars';
 @import 'mixins';
 @import 'functions';
 
@@ -13,7 +12,7 @@
   justify-content: space-between;
   align-content: center;
   padding: 0.4em 0;
-  border-top:1px solid map-get($colors, concrete);
+  border-top:1px solid getColor(concrete);
 
   @include break {
     flex-direction: initial;
@@ -68,13 +67,13 @@
 .footer__link {
   font-size: getFontSize(-2);
   text-transform: uppercase;
-  color: map-get($colors, dusty-grey);
+  color: getColor(dusty-grey);
 
   &:not(:last-child) {
     margin-right: 1.5em;
   }
 
   &:hover {
-    color: map-get($colors, mine-shaft);
+    color: getColor(mine-shaft);
   }
 }