diff --git a/less/_navbar.less b/less/_navbar.less index 8f76b2f7..3b3e5016 100644 --- a/less/_navbar.less +++ b/less/_navbar.less @@ -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 { diff --git a/less/_variables.less b/less/_variables.less index 9371614c..9abf43ec 100644 --- a/less/_variables.less +++ b/less/_variables.less @@ -1,3 +1,6 @@ +// Material Global vars +@zero: 0; + // material icons path @material-font-path: "../fonts"; @@ -95,3 +98,7 @@ // Inputs @input-placeholder-color: #BDBDBD; @floating-label-size-ratio: 70 / 100; + +// Dropdown Menu +@dropdown-radius: 2px; +@dropdown-font-size: 16px;