Skip to content

Instantly share code, notes, and snippets.

@davidkcyip
Created June 29, 2022 09:31
Show Gist options
  • Save davidkcyip/cebc5b71b90f762c40bc08e0a77eeb53 to your computer and use it in GitHub Desktop.
Save davidkcyip/cebc5b71b90f762c40bc08e0a77eeb53 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
@mixin highlightedPriceHeaders($size: 45px){
@for $i from 1 through 6{
h#{$i}{
@if $i == 2 {
font-size: 37px;
$size: 40px;
} @else {
font-size: calc(#{$size} - #{($i - 1) * 5}px);
}
white-space: nowrap;
line-height: inherit;
margin: 0;
}
}
}
* {
@include highlightedPriceHeaders();
}
* h1 {
font-size: calc(45px - 0px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h2 {
font-size: 37px;
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h3 {
font-size: calc(40px - 10px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h4 {
font-size: calc(40px - 15px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h5 {
font-size: calc(40px - 20px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h6 {
font-size: calc(40px - 25px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment