Skip to content

Instantly share code, notes, and snippets.

@vianhanif
Last active September 29, 2016 04:17
Show Gist options
  • Save vianhanif/8750a42112ebc992e1cddaa8e3cd6360 to your computer and use it in GitHub Desktop.
Save vianhanif/8750a42112ebc992e1cddaa8e3cd6360 to your computer and use it in GitHub Desktop.
clamp line text
.text-style{
display: block; /* Fallback for non-webkit */
display: -webkit-box;
line-height: 1.4;
-webkit-line-clamp: 10; // line count to show
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
color: tint($accent, 30%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment