Tweaked navbar colors and footer social icons sizes

Prodrivers · Feb 26, 2024 · 8b14dc2 · 8b14dc2
1 parent 86665ad
commit 8b14dc2
Show file tree

Hide file tree

Showing 14 changed files with 58 additions and 56 deletions.
diff --git a/dist/prodrivers/_variables.scss b/dist/prodrivers/_variables.scss
@@ -103,16 +103,17 @@ $headings-font-weight: 500;
 
 $navbar-height: $font-size-base * 5.33;
 $navbar-breakpoint: map.get($grid-breakpoints, md);
+$navbar-dark-color: rgba($white, .75);
 $navbar-light-hover-color:  rgba(var(--#{$prefix}emphasis-color-rgb), .8);
-$navbar-dark-hover-color: rgba($white, .75);
+$navbar-dark-hover-color: rgba($white, .90);
 
 // == Site - Footer
 
 $footer-color: $gray-500;
 $footer-bg: $gray-700;
-$footer-font-size: $font-size-base; //14px
+$footer-font-size: $font-size-base;
 $footer-padding-x: 0;
-$footer-padding-y: $footer-font-size * 1.6; //20px
+$footer-padding-y: $footer-font-size * 1.6;
 
 $footer-links-margin-bottom: 2em;
 $footer-links-margin-top-sm: 2em;
@@ -122,18 +123,18 @@ $footer-links-bg-hover: $body-bg;
 
 $footer-breakpoint: map.get($grid-breakpoints, md);
 
-$footer-socialicon-size: $font-size-base * 2; //32px
-$footer-socialicon-line-height: $footer-socialicon-size; //32px
-$footer-socialicon-font-size: $footer-socialicon-size * 1.6; //20px
+$footer-socialicon-size: $font-size-base * 2;
+$footer-socialicon-line-height: $footer-socialicon-size;
+$footer-socialicon-font-size: inherit;
 $footer-socialicon-color: $white;
 $footer-socialicon-bg: $gray-600;
 $footer-socialicon-opacity: 0.8;
 $footer-socialicon-opacity-hover: 1;
 $footer-socialicon-border-radius: 50%;
-$footer-socialicon-link-margin-x: math.div($footer-socialicon-size, 8); //4px
-$footer-socialicon-link-margin-y: math.div($footer-socialicon-size, 8); //4px
-$footer-socialicon-inner-margin-x: $footer-socialicon-size * 5.33; //6px
-$footer-socialicon-inner-margin-y: $footer-socialicon-size * 5.33; //6px
+$footer-socialicon-link-margin-x: math.div($footer-socialicon-size, 8);
+$footer-socialicon-link-margin-y: math.div($footer-socialicon-size, 8); 
+$footer-socialicon-inner-margin-x: $footer-socialicon-size * 5.33;
+$footer-socialicon-inner-margin-y: $footer-socialicon-size * 5.33;
 
 // == Page - Header
 

diff --git a/dist/prodrivers/bootstrap.css b/dist/prodrivers/bootstrap.css
@@ -4285,18 +4285,18 @@ textarea.form-control-lg {
 
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
-  --pdrv-navbar-color: rgba(255, 255, 255, 0.55);
-  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.9);
   --pdrv-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --pdrv-navbar-active-color: #fff;
   --pdrv-navbar-brand-color: #fff;
   --pdrv-navbar-brand-hover-color: #fff;
   --pdrv-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 [data-bs-theme=dark] .navbar-toggler-icon {
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card, section.post-list .post-item {
@@ -11868,10 +11868,10 @@ body {
 }
 
 .navbar.bg-dark .navbar-nav > .nav-item::after {
-  background-color: rgba(255, 255, 255, 0.55);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 .navbar.bg-dark .navbar-nav > .nav-item:hover::after {
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.9);
 }
 
 footer.site {
@@ -11918,7 +11918,7 @@ footer.site .social-icons a {
   border: none;
   border-radius: 50%;
   text-align: center;
-  font-size: 3.2rem;
+  font-size: inherit;
   line-height: 2rem;
   color: #fff;
   opacity: 0.8;

diff --git a/dist/prodrivers/bootstrap.min.css b/dist/prodrivers/bootstrap.min.css
diff --git a/dist/prodrivers/bootstrap.min.css.map b/dist/prodrivers/bootstrap.min.css.map
diff --git a/dist/prodrivers/bootstrap.rtl.css b/dist/prodrivers/bootstrap.rtl.css
@@ -4283,18 +4283,18 @@ textarea.form-control-lg {
 
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
-  --pdrv-navbar-color: rgba(255, 255, 255, 0.55);
-  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.9);
   --pdrv-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --pdrv-navbar-active-color: #fff;
   --pdrv-navbar-brand-color: #fff;
   --pdrv-navbar-brand-hover-color: #fff;
   --pdrv-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 [data-bs-theme=dark] .navbar-toggler-icon {
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card, section.post-list .post-item {
@@ -11833,10 +11833,10 @@ body {
 }
 
 .navbar.bg-dark .navbar-nav > .nav-item::after {
-  background-color: rgba(255, 255, 255, 0.55);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 .navbar.bg-dark .navbar-nav > .nav-item:hover::after {
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.9);
 }
 
 footer.site {
@@ -11883,7 +11883,7 @@ footer.site .social-icons a {
   border: none;
   border-radius: 50%;
   text-align: center;
-  font-size: 3.2rem;
+  font-size: inherit;
   line-height: 2rem;
   color: #fff;
   opacity: 0.8;

diff --git a/dist/prodrivers/bootstrap.rtl.min.css b/dist/prodrivers/bootstrap.rtl.min.css
diff --git a/dist/prodrivers/bootstrap.rtl.min.css.map b/dist/prodrivers/bootstrap.rtl.min.css.map
diff --git a/docs/5/prodrivers/_variables.scss b/docs/5/prodrivers/_variables.scss
@@ -103,16 +103,17 @@ $headings-font-weight: 500;
 
 $navbar-height: $font-size-base * 5.33;
 $navbar-breakpoint: map.get($grid-breakpoints, md);
+$navbar-dark-color: rgba($white, .75);
 $navbar-light-hover-color:  rgba(var(--#{$prefix}emphasis-color-rgb), .8);
-$navbar-dark-hover-color: rgba($white, .75);
+$navbar-dark-hover-color: rgba($white, .90);
 
 // == Site - Footer
 
 $footer-color: $gray-500;
 $footer-bg: $gray-700;
-$footer-font-size: $font-size-base; //14px
+$footer-font-size: $font-size-base;
 $footer-padding-x: 0;
-$footer-padding-y: $footer-font-size * 1.6; //20px
+$footer-padding-y: $footer-font-size * 1.6;
 
 $footer-links-margin-bottom: 2em;
 $footer-links-margin-top-sm: 2em;
@@ -122,18 +123,18 @@ $footer-links-bg-hover: $body-bg;
 
 $footer-breakpoint: map.get($grid-breakpoints, md);
 
-$footer-socialicon-size: $font-size-base * 2; //32px
-$footer-socialicon-line-height: $footer-socialicon-size; //32px
-$footer-socialicon-font-size: $footer-socialicon-size * 1.6; //20px
+$footer-socialicon-size: $font-size-base * 2;
+$footer-socialicon-line-height: $footer-socialicon-size;
+$footer-socialicon-font-size: inherit;
 $footer-socialicon-color: $white;
 $footer-socialicon-bg: $gray-600;
 $footer-socialicon-opacity: 0.8;
 $footer-socialicon-opacity-hover: 1;
 $footer-socialicon-border-radius: 50%;
-$footer-socialicon-link-margin-x: math.div($footer-socialicon-size, 8); //4px
-$footer-socialicon-link-margin-y: math.div($footer-socialicon-size, 8); //4px
-$footer-socialicon-inner-margin-x: $footer-socialicon-size * 5.33; //6px
-$footer-socialicon-inner-margin-y: $footer-socialicon-size * 5.33; //6px
+$footer-socialicon-link-margin-x: math.div($footer-socialicon-size, 8);
+$footer-socialicon-link-margin-y: math.div($footer-socialicon-size, 8); 
+$footer-socialicon-inner-margin-x: $footer-socialicon-size * 5.33;
+$footer-socialicon-inner-margin-y: $footer-socialicon-size * 5.33;
 
 // == Page - Header
 

diff --git a/docs/5/prodrivers/bootstrap.css b/docs/5/prodrivers/bootstrap.css
@@ -4285,18 +4285,18 @@ textarea.form-control-lg {
 
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
-  --pdrv-navbar-color: rgba(255, 255, 255, 0.55);
-  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.9);
   --pdrv-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --pdrv-navbar-active-color: #fff;
   --pdrv-navbar-brand-color: #fff;
   --pdrv-navbar-brand-hover-color: #fff;
   --pdrv-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 [data-bs-theme=dark] .navbar-toggler-icon {
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card, section.post-list .post-item {
@@ -11868,10 +11868,10 @@ body {
 }
 
 .navbar.bg-dark .navbar-nav > .nav-item::after {
-  background-color: rgba(255, 255, 255, 0.55);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 .navbar.bg-dark .navbar-nav > .nav-item:hover::after {
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.9);
 }
 
 footer.site {
@@ -11918,7 +11918,7 @@ footer.site .social-icons a {
   border: none;
   border-radius: 50%;
   text-align: center;
-  font-size: 3.2rem;
+  font-size: inherit;
   line-height: 2rem;
   color: #fff;
   opacity: 0.8;

diff --git a/docs/5/prodrivers/bootstrap.min.css b/docs/5/prodrivers/bootstrap.min.css
diff --git a/docs/5/prodrivers/bootstrap.min.css.map b/docs/5/prodrivers/bootstrap.min.css.map
diff --git a/docs/5/prodrivers/bootstrap.rtl.css b/docs/5/prodrivers/bootstrap.rtl.css
@@ -4283,18 +4283,18 @@ textarea.form-control-lg {
 
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
-  --pdrv-navbar-color: rgba(255, 255, 255, 0.55);
-  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-color: rgba(255, 255, 255, 0.75);
+  --pdrv-navbar-hover-color: rgba(255, 255, 255, 0.9);
   --pdrv-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --pdrv-navbar-active-color: #fff;
   --pdrv-navbar-brand-color: #fff;
   --pdrv-navbar-brand-hover-color: #fff;
   --pdrv-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 [data-bs-theme=dark] .navbar-toggler-icon {
-  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pdrv-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card, section.post-list .post-item {
@@ -11833,10 +11833,10 @@ body {
 }
 
 .navbar.bg-dark .navbar-nav > .nav-item::after {
-  background-color: rgba(255, 255, 255, 0.55);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 .navbar.bg-dark .navbar-nav > .nav-item:hover::after {
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.9);
 }
 
 footer.site {
@@ -11883,7 +11883,7 @@ footer.site .social-icons a {
   border: none;
   border-radius: 50%;
   text-align: center;
-  font-size: 3.2rem;
+  font-size: inherit;
   line-height: 2rem;
   color: #fff;
   opacity: 0.8;

diff --git a/docs/5/prodrivers/bootstrap.rtl.min.css b/docs/5/prodrivers/bootstrap.rtl.min.css
diff --git a/docs/5/prodrivers/bootstrap.rtl.min.css.map b/docs/5/prodrivers/bootstrap.rtl.min.css.map