New Docs experience

3 files changed, 11 insertions, 8 deletions

diff --git a/src/accordions.less b/src/accordions.less
index df630ea..384f9eb 100644
--- a/src/accordions.less
+++ b/src/accordions.less
@@ -6,22 +6,22 @@
         & ~ .accordion-header {
           .icon {
             transform: rotate(90deg);
-            transition: all .25s ease;
+            transition: all .2s ease;
           }
         }
         & ~ .accordion-body {
           max-height: 1000px;
-          transition: max-height 3s ease;
+          transition: max-height 2s ease;
         }
       }
     }
 
     .accordion-header {
       display: block;
-      padding: @layout-spacing;
+      padding: @unit-1 @unit-2;
 
       .icon {
-        transition: all .25s ease;
+        transition: all .2s ease;
       }
     }
 
@@ -29,7 +29,7 @@
       margin-bottom: @layout-spacing;
       max-height: 0;
       overflow: hidden;
-      transition: max-height .3s ease;
+      transition: max-height .2s ease;
     }
   }
 }
diff --git a/src/menus.less b/src/menus.less
index 06de453..e055127 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -5,7 +5,7 @@
   list-style: none;
   margin: 0;
   min-width: @control-min-width;
-  padding: @layout-spacing;
+  padding: @unit-2;
   .shadow-variant(1px);
   transform: translateY(@layout-spacing-sm);
   z-index: @zindex-1;
@@ -22,6 +22,7 @@
 
     & > a {
       border-radius: @border-radius;
+      box-shadow: none;
       color: inherit;
       display: block;
       margin: 0 -@unit-2;
@@ -29,11 +30,12 @@
       text-decoration: none;
       &:focus,
       &:hover {
+        background: @secondary-color-light;
         color: @primary-color;
       }
       &:active,
       &.active {
-        background: @secondary-color-light;
+        background: @secondary-color;
         color: @primary-color;
       }
     }
diff --git a/src/pagination.less b/src/pagination.less
index e79f873..a896e0e 100644
--- a/src/pagination.less
+++ b/src/pagination.less
@@ -1,9 +1,10 @@
 // Pagination
 .pagination {
   display: flex;
+  padding: @unit-1 0;
 
   .page-item {
-    margin: 10px 1px;
+    margin: @unit-1 1px;
 
     span {
       display: inline-block;