Stylus: always use variables for colors. (#2528)

Always use variables for colors

Author: XhmikosR

.stylintrc

@@ -8,7 +8,10 @@
     "expect": "never",
     "error": true
   },
-  "colors": false,
+  "colors": {
+    "expect": "always",
+    "error": true
+  },
   "commaSpace": {
     "expect": "always",
     "error": true

layouts/css/_base.styl

@@ -32,7 +32,7 @@ a:hover
 a:hover
   code
     background-color transparent
-    color #fff
+    color $white
 
 a.imagelink
   display inline-block

layouts/css/_variables.styl

@@ -12,6 +12,7 @@ $light-gray2 = #ccc
 $light-gray = #999
 $gray = #666
 $node-gray = #333
+$nav-foundation-green = #026e00
 
 padded-link($padding)
   padding-left $padding

layouts/css/page-modules/_header.styl

@@ -68,7 +68,7 @@ header
 
 // Special format for external 'Foundation' link in main navigation
 .nav-foundation
-  background-color #026e00
+  background-color $nav-foundation-green
 
   &:before
     content none !important