Move Accordions to Components and add icons

1 files changed, 27 insertions, 0 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index f2fb242..20f9962 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -1785,6 +1785,30 @@ code {
 .empty .empty-action {
   margin-top: 1.5rem;
 }
+.accordion .accordion-item input:checked ~ .accordion-header .icon {
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+  transition: all .25s ease;
+}
+.accordion .accordion-item input:checked ~ .accordion-body {
+  max-height: 100rem;
+  transition: max-height 3s ease;
+}
+.accordion .accordion-item .accordion-header {
+  background: #f8f9fa;
+  display: block;
+  padding: 1rem;
+}
+.accordion .accordion-item .accordion-header .icon {
+  transition: all .25s ease;
+}
+.accordion .accordion-item .accordion-body {
+  margin-bottom: 1rem;
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height .3s ease;
+}
 .form-autocomplete {
   position: relative;
 }
@@ -2121,6 +2145,9 @@ code {
   transform: translateY(.5rem);
   z-index: 100;
 }
+.menu.menu-nav {
+  box-shadow: none;
+}
 .menu .menu-item {
   margin-top: 0;
   padding: 0 .8rem;