@exadel/esl
Version:
Exadel Smart Library (ESL) is the lightweight custom elements library that provide a set of super-flexible components
30 lines (29 loc) • 833 B
CSS
esl-panel-group {
display: block;
box-sizing: content-box;
}
esl-panel-group.animate {
transition: height 0.5s ease-in-out;
overflow: hidden;
}
esl-panel-group[current-mode='tabs'] > esl-panel {
opacity: 0;
transition: max-height 0.5s ease-in-out, visibility 0s linear 0.5s, opacity 0.5s ease-in-out;
}
esl-panel-group[current-mode='tabs'] > esl-panel.open {
opacity: 1;
transition: max-height 0.5s ease-in-out, visibility 0s linear, opacity 0.5s ease-in-out;
}
esl-panel-group[current-mode='tabs'].esl-tabs-equal-height {
display: grid;
grid-template-areas: 'stack';
}
esl-panel-group[current-mode='tabs'].esl-tabs-equal-height > esl-panel {
grid-area: stack;
max-height: none;
}
@media screen {
esl-panel-group:not(.animate) esl-panel:not(.animate):not(.open) * {
visibility: hidden ;
}
}