diff --git a/src/components/lab/LabDescription/styles.module.scss b/src/components/lab/LabDescription/styles.module.scss index aaccef77..f8005c6a 100644 --- a/src/components/lab/LabDescription/styles.module.scss +++ b/src/components/lab/LabDescription/styles.module.scss @@ -1,23 +1,13 @@ @import "~/styles/variables.scss"; .wrap { - padding: $lab_gap $lab_gap 0; + padding: $lab_gap / 2 $lab_gap 0; line-height: 1.3em; @include tablet { - padding: $lab_gap_mobile $lab_gap_mobile 0; - position: relative; - max-height: 30vh; - 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; - } + @include clamp(10, 1.3 * 16); + font: $font_16_regular; + line-height: 1.3em; + padding: $lab_gap_mobile / 2 $lab_gap_mobile; } } diff --git a/src/components/lab/LabText/styles.module.scss b/src/components/lab/LabText/styles.module.scss index 5ef94907..42f4e198 100644 --- a/src/components/lab/LabText/styles.module.scss +++ b/src/components/lab/LabText/styles.module.scss @@ -5,19 +5,8 @@ line-height: 1.3em; @include tablet { + @include clamp(20, 1.3 * 16); padding: 0 $lab_gap_mobile; - position: relative; - 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; - } + font: $font_16_regular; } } diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 9d2b49ab..1d6a705d 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -265,5 +265,5 @@ $sidebar_border: transparentize(white, 0.95); @mixin hero_gradient { $color: mix($wisegreen, $content_bg, 30%); - background: linear-gradient(170deg, lighten($color, 10%), $color 200px); + background: linear-gradient(170deg, lighten($color, 10%), $color); }