diff --git a/scss/_login.scss b/scss/_login.scss index b942f42..829715d 100644 --- a/scss/_login.scss +++ b/scss/_login.scss @@ -2,20 +2,20 @@ // Toshi the dog from https://unsplash.com/@charlesdeluvio - what a funny dog... .bg-login-image { - background: url('https://source.unsplash.com/K4mSJ7kc0As/600x800'); - background-position: center; + background: url($login-image); + background-position: center center; background-size: cover; } .bg-register-image { - background: url('https://source.unsplash.com/Mv9hjnEUHR4/600x800'); - background-position: center; + background: url($login-image); + background-position: center center; background-size: cover; } .bg-password-image { - background: url('https://source.unsplash.com/oWTW-jNGl9I/600x800'); - background-position: center; + background: url($login-image); + background-position: center center; background-size: cover; } diff --git a/scss/_variables.scss b/scss/_variables.scss index 96ed77a..aee3f0b 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,30 @@ $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; + +// Images +$login-image: 'https://source.unsplash.com/K4mSJ7kc0As/600x800' !default;