diff options
| Commit | c9e625c9dd8f1628c58b10bb165961eae068002f (patch) | |
|---|---|---|
| Author | 2017-08-15 16:30:05 +0800 | |
| Committer | 2017-08-15 16:30:05 +0800 | |
| Files | 9031e1df36c23e49deecad79df2a272b0d076270 /src/accordions.less | |
| Spectre-Dark-Gruvbox-0.2.15.tar Spectre-Dark-Gruvbox-0.2.15.tar.gz Spectre-Dark-Gruvbox-0.2.15.zip | ||
| Parent | 846353cb40512404c5b8d27084a6fbe7b4a47d23 (diff) | |
| Parent | d6b5a13424cb56db116483f79d6253205e26757c (diff) | |
Merge pull request #249 from picturepan2/0.2.15 v0.2.15
0.2.15
1 files changed, 17 insertions, 8 deletions
| -rw-r--r-- | src/accordions.less | 25 |
diff --git a/src/accordions.less b/src/accordions.less index 14db162..810d264 100644 --- a/src/accordions.less +++ b/src/accordions.less @@ -2,24 +2,33 @@ .accordion { .accordion-item { input { - &:checked ~ .accordion-body { - max-height: 100rem; - transition: max-height 3s ease; + &:checked { + & ~ .accordion-header { + .icon { + transform: rotate(90deg); + + } + } + & ~ .accordion-body { + max-height: 1000px; + } } } .accordion-header { - background: @bg-color; display: block; - padding: 1rem 1.6rem; + padding: @unit-1 @unit-2; + + .icon { + transition: all .2s ease; + } } .accordion-body { - margin-bottom: .8rem; + margin-bottom: @layout-spacing; max-height: 0; overflow: hidden; - padding: .2rem .8rem; - transition: max-height .3s ease; + transition: max-height .2s ease; } } } |