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

fixed line clamping on lab

Browse source
This commit is contained in:
Fedor Katurov 2021-10-13 16:50:03 +07:00
parent 46a3e47cb2
commit 6761ca6330
4 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,9 +5,10 @@
line-height: 1.3em;
@include tablet {
@include clamp(10, 1.3 * 16);
font: $font_16_regular;
@include clamp(10, 1.3*16px);
line-height: 1.3em;
padding: $lab_gap_mobile / 2 $lab_gap_mobile;
font: $font_16_regular;
padding: 0 $lab_gap_mobile;
margin: $lab_gap_mobile / 2 0;
}
}

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

@ -5,7 +5,7 @@
line-height: 1.3em;
@include tablet {
@include clamp(20, 1.3 * 16);
@include clamp(20, 1.3 * 16px);
padding: 0 $lab_gap_mobile;
font: $font_16_regular;
}

8
src/styles/variables.scss
View file

@ -232,13 +232,11 @@ $sidebar_border: transparentize(white, 0.95);
}
@mixin clamp($lines, $line: 1em) {
max-height: $line * $lines;
overflow: hidden;
-webkit-line-clamp: $lines;
line-clamp: $lines;
display: -webkit-box;
line-clamp: $lines;
-webkit-line-clamp: $lines;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
@mixin sidebar {