@nitro-ui/component-collapse
Version:
Collapse & Accordian styling for Nitro UI.
40 lines (33 loc) • 1.01 kB
CSS
.c-collapse {
transition: none ; }
.c-collapse:not(.show) {
display: none; }
.c-accordion.c-card:not(:first-child) {
margin-top: 16px; }
.c-accordion.c-card .c-accordion__head {
border-top-left-radius: 4px ;
border-top-right-radius: 4px ;
align-items: center;
display: flex;
justify-content: space-between;
padding: 12px 16px;
text-decoration: none ;
outline: none ; }
.c-accordion.c-card .c-accordion__body {
border-bottom-left-radius: 4px ;
border-bottom-right-radius: 4px ;
border-top: 1px solid #ECEEF3;
padding: 16px; }
.c-accordion__head .chevron {
border-right: 2px solid #CFD6DF;
border-bottom: 2px solid #CFD6DF;
display: block;
width: 10px;
height: 10px;
transform: rotate(-45deg);
transition: transform .4s ease; }
.c-accordion__head[aria-expanded="true"] .chevron {
transform: rotate(45deg); }
.c-accordion__title {
color: #576A7F; }
/*# sourceMappingURL=collapse.css.map */