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

Dropdown material styles

Browse Source
This commit is contained in:
GradyD 2015-03-23 23:25:48 -04:00
parent 4f7f4b169c
commit d7849b3cb4
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
less/_navbar.less
View File

@ -1,7 +1,7 @@
.navbar {
background-color: @primary;
border: 0;
border-radius: 0;
border: @zero;
border-radius: @zero;
.navbar-brand {
position: relative;
@ -54,7 +54,7 @@
// Darken the responsive nav toggle
.navbar-toggle {
border: 0;
border: @zero;
&:hover,
&:focus {
background-color: transparent;
@ -96,7 +96,7 @@
// Dropdowns get custom display
.open .dropdown-menu {
> .dropdown-header {
border: 0;
border: @zero;
color: inherit;
}
.divider {
@ -174,10 +174,14 @@
color: @text-color;
}
.dropdown-menu {
border-radius: @dropdown-radius;
li > a {
font-size: @dropdown-font-size;
padding: 13px 16px;
&:hover,
&:focus {
color: @material-color;
background-color: @lightgrey;
}
}
.active > a {

7
less/_variables.less
View File

@ -1,3 +1,6 @@
// Material Global vars
@zero: 0;
// material icons path
@material-font-path: "../fonts";
@ -91,3 +94,7 @@
@checkbox-size: 20px;
@checkbox-animation-ripple: 500ms;
@checkbox-animation-check: 0.3s;
// Dropdown Menu
@dropdown-radius: 2px;
@dropdown-font-size: 16px;