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

fix for #12

Browse Source
This commit is contained in:
Federico Zivolo 2014-09-18 09:38:53 +02:00
parent 6d69d1a278
commit 1566d7044a
2 changed files with 77 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
css-compiled/material.css
View File

@ -2510,6 +2510,40 @@ fieldset[disabled] .navbar .btn-link:focus {
.navbar-inverse {
background-color: #3f51b5;
}
.navbar-material-white {
background-color: #FFF;
}
.navbar-material-white .navbar-brand,
.navbar-material-white .navbar-brand:hover,
.navbar-material-white .navbar-brand:focus {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-white .navbar-nav > li > a {
color: rgba(0, 0, 0, 0.84);
}
.navbar-material-white .navbar-nav > li > a:hover,
.navbar-material-white .navbar-nav > li > a:focus {
color: rgba(0, 0, 0, 0.84);
background-color: transparent;
}
.navbar-material-white .navbar-nav > .active > a,
.navbar-material-white .navbar-nav > .active > a:hover,
.navbar-material-white .navbar-nav > .active > a:focus {
color: rgba(0, 0, 0, 0.84);
background-color: rgba(0, 0, 0, 0.05);
}
.navbar-material-white .navbar-nav > .disabled > a,
.navbar-material-white .navbar-nav > .disabled > a:hover,
.navbar-material-white .navbar-nav > .disabled > a:focus {
color: rgba(0, 0, 0, 0.84);
background-color: transparent;
}
.navbar-material-white .navbar-nav > .open > a,
.navbar-material-white .navbar-nav > .open > a:hover,
.navbar-material-white .navbar-nav > .open > a:focus {
background-color: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.84);
}
.dropdown-menu {
border: 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

43
less/navbar.less
View File

@ -159,4 +159,47 @@
&-inverse {
background-color: @indigo;
}
&-material-white {
background-color: #FFF;
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
color: @lightbg-text;
}
.navbar-nav {
& > li > a {
color: @lightbg-text;
&:hover,
&:focus {
color: @lightbg-text;
background-color: @navbar-link-hover-bg;
}
}
& > .active > a {
&,
&:hover,
&:focus {
color: @lightbg-text;
background-color: @navbar-link-active-bg;
}
}
& > .disabled > a {
&,
&:hover,
&:focus {
color: @lightbg-text;
background-color: @navbar-link-disabled-bg;
}
}
& > .open > a {
&,
&:hover,
&:focus {
background-color: @navbar-link-active-bg;
color: @lightbg-text;
}
}
}
}
}