mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 15:50:01 +02:00
Code Issues Releases Wiki Activity

Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, .nav-item, <li> etc...)

Browse Source
This commit is contained in:
Pierre Vanduynslager
2017-04-02 05:21:04 -04:00
committed by Johann-S
parent 5142de7e59
commit 91b62941af
11 changed files with 829 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
scss/_nav.scss
View File

@@ -26,7 +26,6 @@
}
}
//
// Tabs
//
@@ -34,10 +33,15 @@
.nav-tabs {
border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
.nav-item {
.nav-item,
.nav-link {
margin-bottom: -$nav-tabs-border-width;
}
.nav-item .nav-link {
margin-bottom: 0;
}
.nav-link {
border: $nav-tabs-border-width solid transparent;
@include border-top-radius($nav-tabs-border-radius);
@@ -76,12 +80,12 @@
.nav-pills {
.nav-link {
@include border-radius($nav-pills-border-radius);
}
.nav-link.active,
.nav-item.show .nav-link {
color: $nav-pills-active-link-color;
background-color: $nav-pills-active-link-bg;
&.active,
.show & {
color: $nav-pills-active-link-color;
background-color: $nav-pills-active-link-bg;
}
}
}