Skip to content

Instantly share code, notes, and snippets.

@filipesperandio

filipesperandio/ellipsis.css

Last active September 12, 2019 19:17
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 filipesperandio/958037c8b75025f3bf5eb2c7669901bd to your computer and use it in GitHub Desktop.
Save filipesperandio/958037c8b75025f3bf5eb2c7669901bd to your computer and use it in GitHub Desktop.
Download ZIP
CSS hacks
Raw
ellipsis.css
.ellipsis {
text-overflow: ellipsis;
/* Required for text-overflow to do anything */
overflow: hidden;
/* Impacts on the result */
white-space: nowrap;
}
Raw
hightlight-blocks.css
// https://dev.to/gajus/my-favorite-css-hack-32g3?utm_source=digest_mailer&utm_medium=email&utm_campaign=digest_email
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment