Skip to content

Commit

Permalink
feat(nav-tabs): improve spacings & focus to match stencils
Browse files Browse the repository at this point in the history
  • Loading branch information
ffoodd committed Nov 4, 2019
1 parent a57efc1 commit 7ab253d
Showing 1 changed file with 6 additions and 14 deletions.
20 changes: 6 additions & 14 deletions scss/_nav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -52,15 +52,10 @@
// end mod

.nav-link {
// Boosted mod : remove border from nav-link padding in tabs
padding: $nav-link-padding-y calc(#{$nav-link-padding-x} - #{$nav-tabs-border-width});
line-height: 1rem;
// end mod
padding: $navbar-padding-y map-get($spacers, 4); // Boosted mod
border: $nav-tabs-border-width solid transparent;

// Boosted mod : border bottom width to 0 for display
border-bottom-width: 0;
// end mod
border-bottom-width: 0; // Boosted mod
outline-offset: map-get($spacers, 2); // Boosted mod

@include border-top-radius($nav-tabs-border-radius);

Expand All @@ -77,12 +72,9 @@
}

// Boosted mod: show focus!
&:not(.disabled) {
&:focus,
&.dropdown-toggle:focus {
outline: $border-width solid;
outline-offset: -#{$border-width * 3};
}
&:not(.disabled):focus {
outline: $nav-tabs-border-width solid $nav-tabs-link-hover-border-color;
outline-offset: -#{$nav-tabs-border-width};
}
// end mod
}
Expand Down

0 comments on commit 7ab253d

Please sign in to comment.