@zeit-ui/vue
Version:
A popular UI framework for Vue
1 lines • 1.06 kB
CSS
.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-collapse{text-align:left;border-bottom:1px solid var(--accents-2);padding:var(--geist-gap) 0}.zi-collapse:first-child{border-top:1px solid var(--accents-2)}.zi-collapse.shadow{box-shadow:var(--shadow-small);border-color:transparent;padding:var(--geist-gap)}.zi-collapse-title{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;color:var(--geist-foreground);text-transform:none;margin:0;cursor:pointer;line-height:1.5}.zi-collapse-title>h3{margin:0}.zi-collapse-title>.icon{width:1rem;height:1rem;font-weight:lighter;transition:all .15s ease-out}.zi-collapse-title>.icon.reverse{transform:rotate(180deg)}.zi-collapse-subtitle{color:var(--accents-5);line-height:1.5}.zi-collapse-content{width:100%;transition:height .2s ease}.zi-collapse-content .content{padding:var(--geist-gap) 0}.zi-collapse-content .content>:first-child{margin-top:0}.zi-collapse-content .content>:last-child{margin-bottom:0}