thelilfrog/startbootstrap-sb-admin-2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make SB Admin 2 variables fully configurable

Browse Source 
Added `!default` to all sb-admin-2 SCSS variables so they can be overwritten and customized when importing the SCSS in an own project.
This commit is contained in:
GoatCode
2019-05-01 16:51:25 +02:00
committed by David Pordomingo
parent 60d24312ca
commit 65a433ebf8
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
scss/_variables.scss
View File

@@ -28,8 +28,8 @@ $teal: #20c9a6 !default;
$cyan: #36b9cc !default; $cyan: #36b9cc !default;
// Custom Colors // Custom Colors
$brand-google: #ea4335; $brand-google: #ea4335 !default;
$brand-facebook: #3b5998; $brand-facebook: #3b5998 !default;
// Set Contrast Threshold // Set Contrast Threshold
$yiq-contrasted-threshold: 195 !default; $yiq-contrasted-threshold: 195 !default;
@@ -50,27 +50,27 @@ $box-shadow: 0 0.15rem 1.75rem 0 rgba($gray-900, .15) !default;
// Borders Radius // Borders Radius
$border-radius: 0.35rem !default; $border-radius: 0.35rem !default;
$border-color: darken($gray-200, 2%); $border-color: darken($gray-200, 2%) !default;
// Spacing Variables // Spacing Variables
// Change below variable if the height of the navbar changes // 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 // 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 // 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
$card-cap-bg: $gray-100; $card-cap-bg: $gray-100 !default;
$card-border-color: $border-color; $card-border-color: $border-color !default;
// Adjust column spacing for symmetry // Adjust column spacing for symmetry
$spacer: 1rem; $spacer: 1rem !default;
$grid-gutter-width: $spacer * 1.5; $grid-gutter-width: $spacer * 1.5 !default;
// Transitions // Transitions
$transition-collapse: height .15s ease !default; $transition-collapse: height .15s ease !default;
// Dropdowns // Dropdowns
$dropdown-font-size: 0.85rem; $dropdown-font-size: 0.85rem !default;
$dropdown-border-color: $border-color; $dropdown-border-color: $border-color !default;