mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-26 11:34:05 +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> </li>
</ul> </ul>
<!-- inverse --> <!-- dark -->
<ul class="nav nav-tabs bg-inverse"> <ul class="nav nav-tabs bg-dark">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#">Active</a> <a class="nav-link active" href="#">Active</a>
</li> </li>

8
scss/_nav.scss
View File

@ -25,6 +25,12 @@
font-weight: $bmd-nav-tabs-pills-font-weight; font-weight: $bmd-nav-tabs-pills-font-weight;
border: 0; border: 0;
} }
.nav-link.active,
.nav-item.show .nav-link {
background-color: transparent;
color: inherit;
}
} }
// tabs only // 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); @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); @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);
} }
} }