From 17dccfb2cfcf0401e1c855337e1b86c79b2f3b2b Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Fri, 5 May 2017 21:06:07 +0800 Subject: Move Accordions to Components and add icons --- docs/dist/spectre.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) (limited to 'docs/dist/spectre.css') 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; -- cgit v1.3.1-23-gd82d