Skip to content

Instantly share code, notes, and snippets.

@gangsthub

gangsthub/line-clamp.scss

Created March 6, 2020 11:06
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gangsthub/e5cbffd6748d619ffd7eb8bbcba5219a to your computer and use it in GitHub Desktop.
Save gangsthub/e5cbffd6748d619ffd7eb8bbcba5219a to your computer and use it in GitHub Desktop.
Download ZIP
Truncate lines utility classes scss
Raw
line-clamp.scss
// `.truncate-1-line` and `truncate-2-lines`
@each $lines in (1, 2) {
:root .truncate-#{$lines}-line#{if($lines > 1, 's', '')} {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: $lines;
-webkit-box-orient: vertical;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment