Skip to content

Instantly share code, notes, and snippets.

@elfacht

elfacht/multiline-padded.scss

Created January 5, 2022 11:13
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 elfacht/e3f4d37f4b518906e5d3963c2ffd4a29 to your computer and use it in GitHub Desktop.
Save elfacht/e3f4d37f4b518906e5d3963c2ffd4a29 to your computer and use it in GitHub Desktop.
Download ZIP
Multiline padded text
Raw
multiline-padded.scss
/* @source https://css-tricks.com/multi-line-padded-text/ */
.padded-multiline {
line-height: 2;
width: 300px;
margin: 20px auto;
span {
background-color: #c0c;
color: #fff;
display: inline;
padding: 0.45rem;
// Needs prefixing
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment