Merge pull request #170 from picturepan2/feature/0.2.10 v0.2.10

Feature/0.2.10

1 files changed, 9 insertions, 39 deletions

diff --git a/src/menus.less b/src/menus.less
index 99e5194..1204c36 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -1,18 +1,16 @@
 // Menus
 .menu {
-  background: @light-bg-color;
+  background: @bg-color-light;
   border-radius: @border-radius;
   list-style: none;
   margin: 0;
   min-width: @control-min-width;
-  padding: .8rem;
-  .shadow;
-  text-align: left;
+  padding: 1rem;
+  box-shadow: @shadow-1;
   transform: translateY(.5rem);
-  z-index: 999;
+  z-index: @zindex-1;
 
   .menu-item {
-    border-radius: @border-radius;
     margin-top: 0;
     padding: 0 .8rem;
     text-decoration: none;
@@ -22,9 +20,8 @@
       border-radius: @border-radius;
       color: inherit;
       display: block;
-      line-height: 2.4rem;
       margin: 0 -.8rem;
-      padding: .4rem .8rem;
+      padding: .6rem .8rem;
       text-decoration: none;
       &:focus,
       &:hover {
@@ -32,45 +29,18 @@
       }
       &:active,
       &.active {
-        background: @light-secondary-color;
+        background: @secondary-color-light;
         color: @primary-color;
       }
     }
   }
 
-  .menu-header {
-    color: @light-gray-color;
-    font-size: 1.2rem;
-    line-height: 2rem;
-    margin-top: 0;
-    padding: .2rem 0;
-    position: relative;
-
-    &::after {
-      border-bottom: .1rem solid @border-color;
-      content: "";
-      display: block;
-      height: .1rem;
-      position: absolute;
-      top: 50%;
-      width: 100%;
-    }
-
-    .menu-header-text {
-      background: @light-bg-color;
-      display: inline-block;
-      padding: 0 .8rem;
-      position: relative;
-      z-index: 99;
-    }
-  }
-
   .menu-badge {
     float: right;
-    padding: .4rem 0;
+    padding: .6rem 0;
 
-    .label {
-      margin: .2rem 0;
+    .btn {
+      margin-top: -.2rem;
     }
   }
 }