madiator.com/ui/scss/component/_expandable.scss

16 lines
328 B
SCSS
Raw Normal View History

2021-08-16 12:11:25 +02:00
.expandable--closed,
.expandable--open {
margin-bottom: var(--spacing-s);
}
.expandable--closed {
max-height: 10rem;
overflow-y: hidden;
position: relative;
-webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}
.expandable--open {
max-height: 100%;
}