1 files changed, 34 insertions, 0 deletions
diff --git a/src/_accordions.scss b/src/_accordions.scss
new file mode 100644
index 0000000..685c9a5
--- /dev/null
+++ b/src/_accordions.scss
@@ -0,0 +1,34 @@
+// Accordions
+.accordion {
+  .accordion-item {
+    input {
+      &:checked {
+        & ~ .accordion-header {
+          .icon {
+            transform: rotate(90deg);
+            
+          }
+        }
+        & ~ .accordion-body {
+          max-height: 50rem;
+        }
+      }
+    }
+
+    .accordion-header {
+      display: block;
+      padding: $unit-1 $unit-2;
+
+      .icon {
+        transition: all .2s ease;
+      }
+    }
+
+    .accordion-body {
+      margin-bottom: $layout-spacing;
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height .2s ease;
+    }
+  }
+}