Move Accordions to Components and add icons

3 files changed, 22 insertions, 6 deletions

diff --git a/src/accordions.less b/src/accordions.less
index 14db162..edbf648 100644
--- a/src/accordions.less
+++ b/src/accordions.less
@@ -2,23 +2,34 @@
 .accordion {
   .accordion-item {
     input {
-      &:checked ~ .accordion-body {
-        max-height: 100rem;
-        transition: max-height 3s ease;
+      &:checked {
+        & ~ .accordion-header {
+          .icon {
+            transform: rotate(270deg);
+            transition: all .25s ease;
+          }
+        }
+        & ~ .accordion-body {
+          max-height: 100rem;
+          transition: max-height 3s ease;
+        }
       }
     }
 
     .accordion-header {
       background: @bg-color;
       display: block;
-      padding: 1rem 1.6rem;
+      padding: 1rem;
+
+      .icon {
+        transition: all .25s ease;
+      }
     }
 
     .accordion-body {
-      margin-bottom: .8rem;
+      margin-bottom: 1rem;
       max-height: 0;
       overflow: hidden;
-      padding: .2rem .8rem;
       transition: max-height .3s ease;
     }
   }
diff --git a/src/icons.less b/src/icons.less
index ce13756..9077b12 100644
--- a/src/icons.less
+++ b/src/icons.less
@@ -598,6 +598,7 @@
 }
 
 // Component icon support
+.accordion,
 .btn,
 .toast,
 .menu {
diff --git a/src/menus.less b/src/menus.less
index 2d4c95c..ebd7400 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -10,6 +10,10 @@
   transform: translateY(.5rem);
   z-index: @zindex-1;
 
+  &.menu-nav {
+    box-shadow: none;
+  }
+
   .menu-item {
     margin-top: 0;
     padding: 0 .8rem;