Skip to content

Instantly share code, notes, and snippets.

@KCreate

KCreate/header.scss

Last active May 13, 2016 19:52
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 KCreate/49e83fcd660d104cb2963452ccbfb1b9 to your computer and use it in GitHub Desktop.
Save KCreate/49e83fcd660d104cb2963452ccbfb1b9 to your computer and use it in GitHub Desktop.
Download ZIP
Exponential decay headers in scss
Raw
header.scss
$decrease: 4;
$initial: 28;
@for $i from 1 through 6 {
> h#{$i} {
// Formula: https://www.desmos.com/calculator/dhrvkbio8f
font-size: 1px * ($initial - (2 * $decrease)) + (pow($decrease, 2) / pow(2, $i));
}
@if $i < 6 {
> h#{$i} + h#{$i+1} {
margin-top: -12px;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment