- Bring back Bootstrap's bg-body default.

- Apply off white to <body>. - Shade a nice color to dropdown hovered items.
2023-06-08 05:19:17 -05:00
parent b5ab601f6e
commit e0c0219483
3 changed files with 8 additions and 1 deletions
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -53,7 +53,7 @@ $danger-lightest: hsl(350, 100%, 96%);
 $enable-shadows: true !default;

 // Body
-$body-bg: hsl(260, 27%, 94%) !default;
+$body-background-color: hsl(260, 27%, 94%); // Bootstrap doesn't have this variable

 // Links
 $link-decoration: none !default;
@@ -97,6 +97,9 @@ $nav-link-transition: none;
 $navbar-dark-color: rgba($white, .8) !default;
 $navbar-dark-hover-color: $white !default;

+// Dropdown
+$dropdown-link-hover-bg: hsl(200 35% 95% / 1);
+
 // Breadcrumb
 $breadcrumb-divider: quote(">");

--- a/scss/bootstrap/_reboots.scss
+++ b/scss/bootstrap/_reboots.scss
@@ -0,0 +1,3 @@
+body {
+  background-color: $body-background-color; // Off white
+}
--- a/scss/essence.scss
+++ b/scss/essence.scss
@@ -1,4 +1,5 @@
 // Bootstrap components
+@import 'bootstrap/reboots';
@import 'bootstrap/buttons';
@import 'bootstrap/nav';
@import 'bootstrap/navbar';