mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-09-01 09:45:10 +00:00
28 lines
495 B
SCSS
28 lines
495 B
SCSS
.expandable {
|
|
border-bottom: var(--input-border-size) solid $lbry-gray-3;
|
|
padding-bottom: $spacing-vertical * 1/3;
|
|
}
|
|
|
|
.expandable--open {
|
|
max-height: 100%;
|
|
}
|
|
|
|
.expandable--closed {
|
|
max-height: 10em;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.expandable--closed::after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 20%;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
transparent 0%,
|
|
mix($lbry-white, $lbry-gray-1, 70%) 90%
|
|
);
|
|
}
|