Dropdown material styles

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 {

less/_variables.less

@@ -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;