mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-26 03:24:05 +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 { .navbar {
background-color: @primary; background-color: @primary;
border: 0; border: @zero;
border-radius: 0; border-radius: @zero;
.navbar-brand { .navbar-brand {
position: relative; position: relative;
@ -54,7 +54,7 @@
// Darken the responsive nav toggle // Darken the responsive nav toggle
.navbar-toggle { .navbar-toggle {
border: 0; border: @zero;
&:hover, &:hover,
&:focus { &:focus {
background-color: transparent; background-color: transparent;
@ -96,7 +96,7 @@
// Dropdowns get custom display // Dropdowns get custom display
.open .dropdown-menu { .open .dropdown-menu {
> .dropdown-header { > .dropdown-header {
border: 0; border: @zero;
color: inherit; color: inherit;
} }
.divider { .divider {
@ -174,10 +174,14 @@
color: @text-color; color: @text-color;
} }
.dropdown-menu { .dropdown-menu {
border-radius: @dropdown-radius;
li > a { li > a {
font-size: @dropdown-font-size;
padding: 13px 16px;
&:hover, &:hover,
&:focus { &:focus {
color: @material-color; color: @material-color;
background-color: @lightgrey;
} }
} }
.active > a { .active > a {

7
less/_variables.less
View File

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