From 17dccfb2cfcf0401e1c855337e1b86c79b2f3b2b Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Fri, 5 May 2017 21:06:07 +0800
Subject: Move Accordions to Components and add icons

---
 src/accordions.less | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

(limited to 'src/accordions.less')

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;
     }
   }
-- 
cgit v1.3.1-26-gb76a