feat(navs): Orange branded nav-tabs 🎉

Orange-OpenSource · May 14, 2020 · af93f30 · af93f30
1 parent 6340954
commit af93f30
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/scss/_nav.scss b/scss/_nav.scss
@@ -36,13 +36,25 @@
 .nav-tabs {
  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
 
+ // Boosted mod: margins between tabs on bigger screen
+ @include media-breakpoint-up(lg) {
+ .nav-item + .nav-item {
+ margin-left: $nav-link-padding-y;
+ }
+ }
+ // End mod
+
  .nav-link {
+ padding: $navbar-padding-y map-get($spacers, 4); // Boosted mod
  margin-bottom: -$nav-tabs-border-width;
  border: $nav-tabs-border-width solid transparent;
+ border-bottom-width: 0; // Boosted mod
  @include border-top-radius($nav-tabs-border-radius);
 
  &:hover,
  &:focus {
+ color: color-contrast($nav-tabs-link-hover-border-color); // Boosted mod
+ background-color: $nav-tabs-link-hover-border-color; // Boosted mod
  border-color: $nav-tabs-link-hover-border-color;
  }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -857,7 +857,7 @@ $nav-tabs-link-active-border-color: $nav-tabs-link-active-color !default;
 
 $nav-pills-border-radius: $border-radius !default;
 $nav-pills-link-active-color: $component-active-color !default;
-$nav-pills-link-active-bg: $component-active-bg !default;
+$nav-pills-link-active-bg: $black !default;
 
 
 // Navbar