chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
24 lines • 851 B
CSS
.accordion__head.accordion__head__multiline {
padding: 4px 0;
transition: max-height 300ms, min-height 300ms;
will-change: max-height, min-height;
height: unset ;
min-height: 32px;
max-height: 32px;
align-self: flex-start;
}
.accordion > .accordion__head.accordion__head__multiline > .accordion__head__title, .accordion > .accordion__head.accordion__head__multiline > .accordion__head__right {
align-self: flex-start;
}
.accordion.accordion--open > .accordion__head.accordion__head__multiline {
min-height: 38px;
max-height: 160px;
overflow: hidden;
}
.accordion.accordion--open > .accordion__head.accordion__head__multiline > .accordion__head__title {
word-break: break-word;
white-space: normal;
}
.accordion.accordion--wrapped.accordion--open > .accordion__head.accordion__head__multiline {
min-height: 40px;
}