Skip to content

Instantly share code, notes, and snippets.

@talktalkmake

talktalkmake/sass-each-h3adings.scss

Created October 24, 2019 22:21
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 talktalkmake/a3c48e840c65c63d91879507c65c553b to your computer and use it in GitHub Desktop.
Save talktalkmake/a3c48e840c65c63d91879507c65c553b to your computer and use it in GitHub Desktop.
Download ZIP
SASS @each for <h3>aders
Raw
sass-each-h3adings.scss
// Playing around with SASS @each
// To define a related rule set
// For HTML headings using destructuring
$aitches: 1, 2, 3, 4, 5, 6;
@each $h in $aitches {
h#{$h} {
font-size: 3em - ($h / 3);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment