Make it easier to override variables

Add the `!default` flag to all the variables, this makes it easier override the colors. [More info about `!default`](https://robots.thoughtbot.com/sass-default)
thoughtbot · Jun 20, 2017 · 6c9d30c · 6c9d30c
1 parent e529fb6
commit 6c9d30c
Showing 1 changed file with 28 additions and 28 deletions.
diff --git a/app/assets/stylesheets/administrate/library/_variables.scss b/app/assets/stylesheets/administrate/library/_variables.scss
@@ -1,44 +1,44 @@
 // Typography
 $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
   "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-  sans-serif;
-$heading-font-family: $base-font-family;
+  sans-serif !default;
+$heading-font-family: $base-font-family !default;
 
-$base-font-size: 1em;
+$base-font-size: 1em !default;
 
-$bold-font-weight: 700;
+$bold-font-weight: 700 !default;
 
-$base-line-height: 1.5;
-$heading-line-height: 1.2;
+$base-line-height: 1.5 !default;
+$heading-line-height: 1.2 !default;
 
 // Other Sizes
-$base-border-radius: 4px;
-$base-spacing: $base-line-height * 1em;
-$small-spacing: $base-spacing / 2;
+$base-border-radius: 4px !default;
+$base-spacing: $base-line-height * 1em !default;
+$small-spacing: $base-spacing / 2 !default;
 
 // Colors
-$white: #fff;
-$black: #000;
+$white: #fff !default;
+$black: #000 !default;
 
-$blue: #1976d2;
-$red: #d32f2f;
-$light-yellow: #f0cd66;
-$light-green: #4ab471;
+$blue: #1976d2 !default;
+$red: #d32f2f !default;
+$light-yellow: #f0cd66 !default;
+$light-green: #4ab471 !default;
 
-$grey-0: #f6f7f7;
-$grey-1: #dfe0e1;
-$grey-2: #cfd8dc;
-$grey-5: #adb5bd;
-$grey-7: #293f54;
+$grey-0: #f6f7f7 !default;
+$grey-1: #dfe0e1 !default;
+$grey-2: #cfd8dc !default;
+$grey-5: #adb5bd !default;
+$grey-7: #293f54 !default;
 
-$hint-grey: #7b808c;
+$hint-grey: #7b808c !default;
 
 // Font Colors
-$base-font-color: $grey-7;
-$action-color: $blue;
+$base-font-color: $grey-7 !default;
+$action-color: $blue !default;
 
 // Background Colors
-$base-background-color: $grey-0;
+$base-background-color: $grey-0 !default;
 
 // Focus
 $focus-outline-color: transparentize($action-color, 0.4);
@@ -55,9 +55,9 @@ $flash-colors: (
 );
 
 // Border
-$base-border-color: $grey-1;
-$base-border: 1px solid $base-border-color;
+$base-border-color: $grey-1 !default;
+$base-border: 1px solid $base-border-color !default;
 
 // Transitions
-$base-duration: 250ms;
-$base-timing: ease-in-out;
+$base-duration: 250ms !default;
+$base-timing: ease-in-out !default;