Merge pull request #25 from doximity/add-defaults-to-variables

Add !default to all variables so that they can be easily overridden
doximity · May 31, 2016 · 6a2393e · 6a2393e
2 parents bfef690 + 1e7494a
commit 6a2393e
Showing 1 changed file with 67 additions and 67 deletions.
diff --git a/source/stylesheets/_variables.sass b/source/stylesheets/_variables.sass
@@ -2,122 +2,122 @@
 
 // Fonts
 
-$font:                         "Helvetica Neue", Helvetica, Sans-Serif
-$code:                         "Monaco", Menlo, Courier
-$icons:                        "icons", helvetica, Sans-Serif
+$font:                         "Helvetica Neue", Helvetica, Sans-Serif !default
+$code:                         "Monaco", Menlo, Courier !default
+$icons:                        "icons", helvetica, Sans-Serif !default
 
 // App Colors
 
-$header:                       #FFF
-$notice:                       #FFE0A3
-$body:                         #FAFAFA
-$page:                         #FFF
+$header:                       #FFF !default
+$notice:                       #FFE0A3 !default
+$body:                         #FAFAFA !default
+$page:                         #FFF !default
 
 // Base Colors
 
-$white:                        #FFF
-$gray-lightest:                #F9F9F9
-$gray-lighter:                 #EEE
-$gray-light:                   #BBB
-$gray-medium:                  #999
-$gray:                         #666
-$gray-dark:                    #333
-$black:                        #000
-$red:                          #C9282E
-$red-bright:                   #FF0008
-$orange:                       #E16E00
-$yellow:                       #D5B778
-$green:                        #6BAF56
-$blue:                         #5A9FC8
+$white:                        #FFF !default
+$gray-lightest:                #F9F9F9 !default
+$gray-lighter:                 #EEE !default
+$gray-light:                   #BBB !default
+$gray-medium:                  #999 !default
+$gray:                         #666 !default
+$gray-dark:                    #333 !default
+$black:                        #000 !default
+$red:                          #C9282E !default
+$red-bright:                   #FF0008 !default
+$orange:                       #E16E00 !default
+$yellow:                       #D5B778 !default
+$green:                        #6BAF56 !default
+$blue:                         #5A9FC8 !default
 
 // Background Colors
 
-$bg-gray-lgihter:              $gray-lighter
-$bg-transparent:               rgba(0,0,0,0.1)
-$bg-tab:                       $gray-light
+$bg-gray-lgihter:              $gray-lighter !default
+$bg-transparent:               rgba(0,0,0,0.1) !default
+$bg-tab:                       $gray-light !default
 
 // Gradated Background Colors
 
-$bg-red:                       linear-gradient(to bottom right, #C9282E, #A60052)
-$bg-red-fallback:              #A8002D
+$bg-red:                       linear-gradient(to bottom right, #C9282E, #A60052) !default
+$bg-red-fallback:              #A8002D !default
 
-$bg-black:                     linear-gradient(to bottom right, #222, #333)
-$bg-black-fallback:            #252525
+$bg-black:                     linear-gradient(to bottom right, #222, #333) !default
+$bg-black-fallback:            #252525 !default
 
-$bg-green:                     linear-gradient(to bottom right, #73B558, #45D093)
-$bg-green-fallback:            #52BB5C
+$bg-green:                     linear-gradient(to bottom right, #73B558, #45D093) !default
+$bg-green-fallback:            #52BB5C !default
 
-$bg-gray:                      linear-gradient(to bottom right, #888, #CCC)
-$bg-gray-fallback:             #9A9A9A
+$bg-gray:                      linear-gradient(to bottom right, #888, #CCC) !default
+$bg-gray-fallback:             #9A9A9A !default
 
-$bg-blue:                      linear-gradient(to bottom right, #25639A, #1F9CEA)
-$bg-blue-fallback:             #1C6AB9
+$bg-blue:                      linear-gradient(to bottom right, #25639A, #1F9CEA) !default
+$bg-blue-fallback:             #1C6AB9 !default
 
 // Hover
 
-$link:                         $red
-$hover:                        $red-bright
-$focus:                        rgba(255,0,0,0.2)
+$link:                         $red !default
+$hover:                        $red-bright !default
+$focus:                        rgba(255,0,0,0.2) !default
 
 // Header
 
-$header-height:                4.25em
-$header-link-hover:            #F5F5F5
+$header-height:                4.25em !default
+$header-link-hover:            #F5F5F5 !default
 
 // Typography
 
-$text:                         #444
-$bold:                         500
+$text:                         #444 !default
+$bold:                         500 !default
 
 // Transitions
 
-$standard-animation-speed:     200ms
-$all:                          all $standard-animation-speed ease-in-out
-$color:                        color $standard-animation-speed ease-in-out
+$standard-animation-speed:     200ms !default
+$all:                          all $standard-animation-speed ease-in-out !default
+$color:                        color $standard-animation-speed ease-in-out !default
 
 // GPU Trickery
 
-$translate:                    translateZ(0)
+$translate:                    translateZ(0) !default
 
 // Radius
 
-$radius:                       0.15em
-$round:                        99em
+$radius:                       0.15em !default
+$round:                        99em !default
 
 // Grid
 
-$grid-padding:                 2%
+$grid-padding:                 2% !default
 
 // Loaders
 
-$loader-large:                 48px
-$loader:                       32px
-$loader-small:                 16px
-$loader-smallest:              9px
+$loader-large:                 48px !default
+$loader:                       32px !default
+$loader-small:                 16px !default
+$loader-smallest:              9px !default
 
 // Forms
 
-$size:                         1em
-$border-width:                 1px
-$input-left-right-padding:     0.5em
-$input-checkbox-checked:       $link
-$input-background-color:       #FFF
-$input-height:                 2.7em
+$size:                         1em !default
+$border-width:                 1px !default
+$input-left-right-padding:     0.5em !default
+$input-checkbox-checked:       $link !default
+$input-background-color:       #FFF !default
+$input-height:                 2.7em !default
 
 // Breakpoints
 
-$desktop-large:                1680px
-$desktop:                      1440px
-$laptop:                       1280px
-$tablet:                       1080px
-$phablet:                      860px
-$phablet-handheld:             780px
-$handheld:                     667px
-$handheld-portrait:            334px
+$desktop-large:                1680px !default
+$desktop:                      1440px !default
+$laptop:                       1280px !default
+$tablet:                       1080px !default
+$phablet:                      860px !default
+$phablet-handheld:             780px !default
+$handheld:                     667px !default
+$handheld-portrait:            334px !default
 
 // Characters
 
-$non-breaking-space:           '\00a0'
+$non-breaking-space:           '\00a0' !default
 
 // Mixins