From 65a433ebf878a67dd64133c2c2476fd9b5ec16db Mon Sep 17 00:00:00 2001 From: GoatCode <49639925+goat-code-cgn@users.noreply.github.com> Date: Wed, 1 May 2019 16:51:25 +0200 Subject: [PATCH] Make SB Admin 2 variables fully configurable Added `!default` to all sb-admin-2 SCSS variables so they can be overwritten and customized when importing the SCSS in an own project. --- scss/_variables.scss | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 96ed77a..3902810 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -28,8 +28,8 @@ $teal: #20c9a6 !default; $cyan: #36b9cc !default; // Custom Colors -$brand-google: #ea4335; -$brand-facebook: #3b5998; +$brand-google: #ea4335 !default; +$brand-facebook: #3b5998 !default; // Set Contrast Threshold $yiq-contrasted-threshold: 195 !default; @@ -50,27 +50,27 @@ $box-shadow: 0 0.15rem 1.75rem 0 rgba($gray-900, .15) !default; // Borders Radius $border-radius: 0.35rem !default; -$border-color: darken($gray-200, 2%); +$border-color: darken($gray-200, 2%) !default; // Spacing Variables // Change below variable if the height of the navbar changes -$topbar-base-height: 4.375rem; +$topbar-base-height: 4.375rem !default; // Change below variable to change the width of the sidenav -$sidebar-base-width: 14rem; +$sidebar-base-width: 14rem !default; // Change below variable to change the width of the sidenav when collapsed -$sidebar-collapsed-width: 6.5rem; +$sidebar-collapsed-width: 6.5rem !default; // Card -$card-cap-bg: $gray-100; -$card-border-color: $border-color; +$card-cap-bg: $gray-100 !default; +$card-border-color: $border-color !default; // Adjust column spacing for symmetry -$spacer: 1rem; -$grid-gutter-width: $spacer * 1.5; +$spacer: 1rem !default; +$grid-gutter-width: $spacer * 1.5 !default; // Transitions $transition-collapse: height .15s ease !default; // Dropdowns -$dropdown-font-size: 0.85rem; -$dropdown-border-color: $border-color; +$dropdown-font-size: 0.85rem !default; +$dropdown-border-color: $border-color !default;