lbry-desktop/ui/scss/component/_expandable.scss
zeppi 0c990ba276 fix ci
yarn lock

fix yarn3 warnings

node 16 on deploy

try deploy again

check in yarn/releases

rm lbry-format from lockfile

remove lbry-format yet again

fix flow
2022-04-24 09:57:28 -04:00

17 lines
381 B
SCSS

$COLLAPSED_HEIGHT: 120px;
.expandable--closed,
.expandable--open {
margin-bottom: var(--spacing-s);
}
.expandable--closed {
max-height: $COLLAPSED_HEIGHT * calc(3 / 4);
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%;
}