Skip to content

Instantly share code, notes, and snippets.

@shmdhussain

shmdhussain/ellipsis.css

Created January 6, 2018 10:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shmdhussain/ed360c0cc3adc30adff185971afe4ec2 to your computer and use it in GitHub Desktop.
Save shmdhussain/ed360c0cc3adc30adff185971afe4ec2 to your computer and use it in GitHub Desktop.
Download ZIP
Ellipsis CSS -quick CSS
Raw
ellipsis.css
@mixin ellipsis() {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@mixin word-wrap() {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
//Reference:https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment