diff --git a/app/assets/stylesheets/administrate/library/_variables.scss b/app/assets/stylesheets/administrate/library/_variables.scss index c5c709da34..327e23ca18 100644 --- 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;