muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed lab cut-down gradients

Browse source
This commit is contained in:
Fedor Katurov 2021-09-28 17:53:36 +07:00
parent f336974efd
commit ddef1e72f7
3 changed files with 8 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/lab/LabDescription/styles.module.scss
View file

@ -1,23 +1,13 @@
@import "~/styles/variables.scss"; @import "~/styles/variables.scss";
.wrap { .wrap {
padding: $lab_gap $lab_gap 0; padding: $lab_gap / 2 $lab_gap 0;
line-height: 1.3em; line-height: 1.3em;
@include tablet { @include tablet {
padding: $lab_gap_mobile $lab_gap_mobile 0; @include clamp(10, 1.3 * 16);
position: relative; font: $font_16_regular;
max-height: 30vh; line-height: 1.3em;
overflow: hidden; padding: $lab_gap_mobile / 2 $lab_gap_mobile;
&::after {
content: ' ';
position: absolute;
background: linear-gradient(transparentize($lab_post_bg, 1), $lab_post_bg 80%);
bottom: 0;
left: auto;
width: 100%;
height: 100px;
}
} }
} }

15
src/components/lab/LabText/styles.module.scss
View file

@ -5,19 +5,8 @@
line-height: 1.3em; line-height: 1.3em;
@include tablet { @include tablet {
@include clamp(20, 1.3 * 16);
padding: 0 $lab_gap_mobile; padding: 0 $lab_gap_mobile;
position: relative; font: $font_16_regular;
max-height: 100vh;
overflow: hidden;
&::after {
content: ' ';
position: absolute;
background: linear-gradient(transparentize($lab_post_bg, 1), $lab_post_bg 80%);
bottom: 0;
left: auto;
width: 100%;
height: 100px;
}
} }
} }

2
src/styles/variables.scss
View file

@ -265,5 +265,5 @@ $sidebar_border: transparentize(white, 0.95);
@mixin hero_gradient { @mixin hero_gradient {
$color: mix($wisegreen, $content_bg, 30%); $color: mix($wisegreen, $content_bg, 30%);
background: linear-gradient(170deg, lighten($color, 10%), $color 200px); background: linear-gradient(170deg, lighten($color, 10%), $color);
} }