mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-22 09:36:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(tabs): Use bg-dark + fixes

Browse Source
This commit is contained in:
Federico Zivolo 2017-12-10 18:13:55 +01:00
parent 99a2f76b3a
commit 947b10e431
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/4.0/material-design/navs.md
View File

@ -30,8 +30,8 @@ Navigation available in Bootstrap share general markup and styles, from the base
</li>
</ul>
<!-- inverse -->
<ul class="nav nav-tabs bg-inverse">
<!-- dark -->
<ul class="nav nav-tabs bg-dark">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>

8
scss/_nav.scss
View File

@ -25,6 +25,12 @@
font-weight: $bmd-nav-tabs-pills-font-weight;
border: 0;
}
.nav-link.active,
.nav-item.show .nav-link {
background-color: transparent;
color: inherit;
}
}
// tabs only
@ -40,7 +46,7 @@
@include bmd-tabs-color($bmd-nav-tabs-primary-color, $bmd-nav-tabs-primary-active-color, $bmd-nav-tabs-primary-active-border-color, $bmd-nav-tabs-primary-disabled-link-color, $bmd-nav-tabs-primary-disabled-link-color-hover);
}
&.bg-inverse {
&.bg-dark {
@include bmd-tabs-color($bmd-nav-tabs-inverse-color, $bmd-nav-tabs-inverse-active-color, $bmd-nav-tabs-inverse-active-border-color, $bmd-nav-tabs-inverse-disabled-link-color, $bmd-nav-tabs-inverse-disabled-link-color-hover);
}
}