Skip to content

Instantly share code, notes, and snippets.

@davidkcyip
Last active June 29, 2022 09:31
Show Gist options
  • Save davidkcyip/529ab27226b8148d26a542b403c8108c to your computer and use it in GitHub Desktop.
Save davidkcyip/529ab27226b8148d26a542b403c8108c 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: 35px;
} @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(35px - 10px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h4 {
font-size: calc(35px - 15px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h5 {
font-size: calc(35px - 20px);
white-space: nowrap;
line-height: inherit;
margin: 0;
}
* h6 {
font-size: calc(35px - 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