creates variables for navbar brand colors #27187

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 52de5050a4bcc9a88b16804df4abbb43a5da155f..b5bc5a9748fd54483a9582fa96ea4be2e8a6c7d9 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -197,10 +197,10 @@
 // Dark links against a light background
 .navbar-light {
   .navbar-brand {
-    color: $navbar-light-active-color;
+    color: $navbar-light-brand-color;
 
     @include hover-focus {
-      color: $navbar-light-active-color;
+      color: $navbar-light-brand-hover-color;
     }
   }
 
@@ -249,10 +249,10 @@
 // White links against a dark background
 .navbar-dark {
   .navbar-brand {
-    color: $navbar-dark-active-color;
+    color: $navbar-dark-brand-color;
 
     @include hover-focus {
-      color: $navbar-dark-active-color;
+      color: $navbar-dark-brand-hover-color;
     }
   }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 50a2e05f8ee76cbfae78d78136f631b191edd50b..8cf67a18c88285551f2015b0d4aebb738376ffd7 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -686,6 +686,11 @@ $navbar-light-disabled-color:       rgba($black, .3) !default;
 $navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
 $navbar-light-toggler-border-color: rgba($black, .1) !default;
 
+$navbar-light-brand-color:                $navbar-light-active-color !default;
+$navbar-light-brand-hover-color:          $navbar-light-active-color !default;
+$navbar-dark-brand-color:                 $navbar-dark-active-color !default;
+$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
+
 
 // Pagination