houdini/app/assets/stylesheets/common/fade_text.css.scss

17 lines
344 B
SCSS
Raw Normal View History

@mixin fadeText($max-height, $text-height, $bg-color) {
position: relative;
max-height: $max-height;
&:after {
content: "";
text-align: right;
position: absolute;
top: $max-height - $text-height;
right: 0;
width: 50%;
height: $text-height;
background: linear-gradient(to right, rgba(255, 255, 255, 0), $bg-color 50%);
}
}