Add css variable support

dist/milligram.css

@@ -6,6 +6,15 @@
   * Licensed under the MIT license
  */
 
+:root {
+  --color-initial: #fff;
+  --color-primary: #9b4dca;
+  --color-secondary: #606c76;
+  --color-tertiary: #f4f5f6;
+  --color-quaternary: #d1d1d1;
+  --color-quinary: #e1e1e1;
+}
+
 *,
 *:after,
 *:before {
@@ -18,7 +27,7 @@ html {
 }
 
 body {
-  color: #606c76;
+  color: var(--color-secondary);
   font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   font-size: 1.6em;
   font-weight: 300;
@@ -27,7 +36,7 @@ body {
 }
 
 blockquote {
-  border-left: 0.3rem solid #d1d1d1;
+  border-left: 0.3rem solid var(--color-quaternary);
   margin-left: 0;
   margin-right: 0;
   padding: 1rem 1.5rem;
@@ -41,10 +50,10 @@ button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
-  background-color: #9b4dca;
+  background-color: var(--color-primary);
-  border: 0.1rem solid #9b4dca;
+  border: 0.1rem solid var(--color-primary);
   border-radius: 0.4rem;
-  color: #fff;
+  color: var(--color-initial);
   cursor: pointer;
   display: inline-block;
   font-size: 1.1rem;
@@ -67,9 +76,9 @@ input[type=reset]:focus,
 input[type=reset]:hover,
 input[type=submit]:focus,
 input[type=submit]:hover {
-  background-color: #606c76;
+  background-color: var(--color-secondary);
-  border-color: #606c76;
+  border-color: var(--color-secondary);
-  color: #fff;
+  color: var(--color-initial);
   outline: 0;
 }
 .button[disabled],
@@ -89,8 +98,8 @@ input[type=reset][disabled]:focus,
 input[type=reset][disabled]:hover,
 input[type=submit][disabled]:focus,
 input[type=submit][disabled]:hover {
-  background-color: #9b4dca;
+  background-color: var(--color-primary);
-  border-color: #9b4dca;
+  border-color: var(--color-primary);
 }
 .button.button-outline,
 button.button-outline,
@@ -98,7 +107,7 @@ input[type=button].button-outline,
 input[type=reset].button-outline,
 input[type=submit].button-outline {
   background-color: transparent;
-  color: #9b4dca;
+  color: var(--color-primary);
 }
 .button.button-outline:focus, .button.button-outline:hover,
 button.button-outline:focus,
@@ -110,8 +119,8 @@ input[type=reset].button-outline:hover,
 input[type=submit].button-outline:focus,
 input[type=submit].button-outline:hover {
   background-color: transparent;
-  border-color: #606c76;
+  border-color: var(--color-secondary);
-  color: #606c76;
+  color: var(--color-secondary);
 }
 .button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
 button.button-outline[disabled]:focus,
@@ -123,7 +132,7 @@ input[type=reset].button-outline[disabled]:hover,
 input[type=submit].button-outline[disabled]:focus,
 input[type=submit].button-outline[disabled]:hover {
   border-color: inherit;
-  color: #9b4dca;
+  color: var(--color-primary);
 }
 .button.button-clear,
 button.button-clear,
@@ -132,7 +141,7 @@ input[type=reset].button-clear,
 input[type=submit].button-clear {
   background-color: transparent;
   border-color: transparent;
-  color: #9b4dca;
+  color: var(--color-primary);
 }
 .button.button-clear:focus, .button.button-clear:hover,
 button.button-clear:focus,
@@ -145,7 +154,7 @@ input[type=submit].button-clear:focus,
 input[type=submit].button-clear:hover {
   background-color: transparent;
   border-color: transparent;
-  color: #606c76;
+  color: var(--color-secondary);
 }
 .button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
 button.button-clear[disabled]:focus,
@@ -156,11 +165,11 @@ input[type=reset].button-clear[disabled]:focus,
 input[type=reset].button-clear[disabled]:hover,
 input[type=submit].button-clear[disabled]:focus,
 input[type=submit].button-clear[disabled]:hover {
-  color: #9b4dca;
+  color: var(--color-primary);
 }
 
 code {
-  background: #f4f5f6;
+  background: var(--color-tertiary);
   border-radius: 0.4rem;
   font-size: 86%;
   margin: 0 0.2rem;
@@ -169,8 +178,8 @@ code {
 }
 
 pre {
-  background: #f4f5f6;
+  background: var(--color-tertiary);
-  border-left: 0.3rem solid #9b4dca;
+  border-left: 0.3rem solid var(--color-primary);
   overflow-y: hidden;
 }
 pre > code {
@@ -182,7 +191,7 @@ pre > code {
 
 hr {
   border: 0;
-  border-top: 0.1rem solid #f4f5f6;
+  border-top: 0.1rem solid var(--color-tertiary);
   margin: 3rem 0;
 }
 
@@ -204,7 +213,7 @@ textarea,
 select {
   -webkit-appearance: none;
   background-color: transparent;
-  border: 0.1rem solid #d1d1d1;
+  border: 0.1rem solid var(--color-quaternary);
   border-radius: 0.4rem;
   box-shadow: none;
   box-sizing: inherit;
@@ -228,16 +237,16 @@ input[type=week]:focus,
 input:not([type]):focus,
 textarea:focus,
 select:focus {
-  border-color: #9b4dca;
+  border-color: var(--color-primary);
   outline: 0;
 }
 
 select {
-  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
+  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23ar(--color-quaternary)" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
   padding-right: 3rem;
 }
 select:focus {
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23ar(--color-primary)" d="M0,0l6,8l6-8"/></svg>');
 }
 select[multiple] {
   background: none;
@@ -422,11 +431,11 @@ input[type=file].input-file {
   }
 }
 a {
-  color: #9b4dca;
+  color: var(--color-primary);
   text-decoration: none;
 }
 a:focus, a:hover {
-  color: #606c76;
+  color: var(--color-secondary);
 }
 
 dl,
@@ -494,7 +503,7 @@ table {
 
 td,
 th {
-  border-bottom: 0.1rem solid #e1e1e1;
+  border-bottom: 0.1rem solid var(--color-quinary);
   padding: 1.2rem 1.5rem;
 }
 td:first-child,

dist/milligram.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/_Base.sass","milligram.css","../src/_Color.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"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","file":"milligram.css"}
+{"version":3,"sources":["../src/_Color.sass","milligram.css","../src/_Base.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"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","file":"milligram.css"}

dist/milligram.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/_Base.sass","../src/_Color.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"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","file":"milligram.min.css"}
+{"version":3,"sources":["../src/_Color.sass","../src/_Base.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"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","file":"milligram.min.css"}

src/_Base.sass

@@ -16,7 +16,7 @@ html
 
 // Default body styles
 body
-  color: $color-secondary
+  color: var(--color-secondary)
   font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
   font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
   font-weight: 300

src/_Blockquote.sass

@@ -3,7 +3,7 @@
 // ––––––––––––––––––––––––––––––––––––––––––––––––––
 
 blockquote
-  border-left: .3rem solid $color-quaternary
+  border-left: .3rem solid var(--color-quaternary)
   margin-left: 0
   margin-right: 0
   padding: 1rem 1.5rem

src/_Button.sass

@@ -7,10 +7,10 @@ button,
 input[type='button'],
 input[type='reset'],
 input[type='submit']
-  background-color: $color-primary
+  background-color: var(--color-primary)
-  border: .1rem solid $color-primary
+  border: .1rem solid var(--color-primary)
   border-radius: .4rem
-  color: $color-initial
+  color: var(--color-initial)
   cursor: pointer
   display: inline-block
   font-size: 1.1rem
@@ -26,9 +26,9 @@ input[type='submit']
 
   &:focus,
   &:hover
-    background-color: $color-secondary
+    background-color: var(--color-secondary)
-    border-color: $color-secondary
+    border-color: var(--color-secondary)
-    color: $color-initial
+    color: var(--color-initial)
     outline: 0
 
   &[disabled]
@@ -37,39 +37,39 @@ input[type='submit']
 
     &:focus,
     &:hover
-      background-color: $color-primary
+      background-color: var(--color-primary)
-      border-color: $color-primary
+      border-color: var(--color-primary)
 
   &.button-outline
     background-color: transparent
-    color: $color-primary
+    color: var(--color-primary)
 
     &:focus,
     &:hover
       background-color: transparent
-      border-color: $color-secondary
+      border-color: var(--color-secondary)
-      color: $color-secondary
+      color: var(--color-secondary)
 
     &[disabled]
 
       &:focus,
       &:hover
         border-color: inherit
-        color: $color-primary
+        color: var(--color-primary)
 
   &.button-clear
     background-color: transparent
     border-color: transparent
-    color: $color-primary
+    color: var(--color-primary)
 
     &:focus,
     &:hover
       background-color: transparent
       border-color: transparent
-      color: $color-secondary
+      color: var(--color-secondary)
 
     &[disabled]
 
       &:focus,
       &:hover
-        color: $color-primary
+        color: var(--color-primary)

src/_Code.sass

@@ -3,7 +3,7 @@
 // ––––––––––––––––––––––––––––––––––––––––––––––––––
 
 code
-  background: $color-tertiary
+  background: var(--color-tertiary)
   border-radius: .4rem
   font-size: 86%
   margin: 0 .2rem
@@ -11,8 +11,8 @@ code
   white-space: nowrap
 
 pre
-  background: $color-tertiary
+  background: var(--color-tertiary)
-  border-left: .3rem solid $color-primary
+  border-left: .3rem solid var(--color-primary)
   overflow-y: hidden
 
   & > code

src/_Color.sass

@@ -8,3 +8,11 @@ $color-secondary: #606c76 !default
 $color-tertiary: #f4f5f6 !default
 $color-quaternary: #d1d1d1 !default
 $color-quinary: #e1e1e1 !default
+
+:root
+  --color-initial: #{$color-initial}
+  --color-primary: #{$color-primary}
+  --color-secondary: #{$color-secondary}
+  --color-tertiary: #{$color-tertiary}
+  --color-quaternary: #{$color-quaternary}
+  --color-quinary: #{$color-quinary}

src/_Divider.sass

@@ -4,5 +4,5 @@
 
 hr
   border: 0
-  border-top: .1rem solid $color-tertiary
+  border-top: .1rem solid var(--color-tertiary)
   margin: 3.0rem 0

src/_Form.sass

@@ -20,7 +20,7 @@ textarea,
 select
   -webkit-appearance: none // sass-lint:disable-line no-vendor-prefixes
   background-color: transparent
-  border: .1rem solid $color-quaternary
+  border: .1rem solid var(--color-quaternary)
   border-radius: .4rem
   box-shadow: none
   box-sizing: inherit // Forced to replace inherit values of the normalize.css
@@ -29,15 +29,15 @@ select
   width: 100%
 
   &:focus
-    border-color: $color-primary
+    border-color: var(--color-primary)
     outline: 0
 
 select
-  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-quaternary), 2) + '" d="M0,0l6,8l6-8"/></svg>') center right no-repeat
+  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect(var(--color-quaternary)), 2) + '" d="M0,0l6,8l6-8"/></svg>') center right no-repeat
   padding-right: 3.0rem
 
   &:focus
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-primary), 2) + '" d="M0,0l6,8l6-8"/></svg>')
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect(var(--color-primary)), 2) + '" d="M0,0l6,8l6-8"/></svg>')
 
   &[multiple]
     background: none

src/_Link.sass

@@ -3,9 +3,9 @@
 // ––––––––––––––––––––––––––––––––––––––––––––––––––
 
 a
-  color: $color-primary
+  color: var(--color-primary)
   text-decoration: none
 
   &:focus,
   &:hover
-    color: $color-secondary
+    color: var(--color-secondary)

src/_Table.sass

@@ -11,7 +11,7 @@ table
 
 td,
 th
-  border-bottom: .1rem solid $color-quinary
+  border-bottom: .1rem solid var(--color-quinary)
   padding: 1.2rem 1.5rem
 
   &:first-child