From 537f88fa2fb6649865ed38fee942846fd828c865 Mon Sep 17 00:00:00 2001
From: GradyD <gradyduncan@gmail.com>
Date: Mon, 23 Mar 2015 23:25:48 -0400
Subject: [PATCH] Dropdown material styles

---
 less/_navbar.less    | 12 ++++++++----
 less/_variables.less |  7 +++++++
 2 files changed, 15 insertions(+), 4 deletions(-)

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 49c95074..cd113cdb 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";
 
@@ -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;