Skip to content

Instantly share code, notes, and snippets.

View nfrostdev's full-sized avatar

Nick Frost nfrostdev

View GitHub Profile
@nfrostdev
nfrostdev / type-scale.sass
Last active July 31, 2023 03:17
SASS Type Scale
// The basis of calculations, and your root html font size.
$base-font-size: 16px
// Change this to your type scale modifier.
// https://type-scale.com/
$type-scale: 1.25
// The desired unit supports "rem", "em", and "%".
$desired-unit: 'rem'
// Generate a type scale value based on the number of steps if this is ascending or descending.
// It is recommended to compile with the "--precision 3" flag to avoid long decimals.
@nfrostdev
nfrostdev / type-scale.scss
Last active September 15, 2019 02:11
SCSS Type Scale
// The basis of calculations, and your root html font size.
$base-font-size: 16px;
// Change this to your type scale modifier.
// https://type-scale.com/
$type-scale: 1.25;
// The desired unit supports "rem", "em", and "%".
$desired-unit: 'rem';
// Generate a type scale value based on the number of steps if this is ascending or descending.
// It is recommended to compile with the "--precision 3" flag to avoid long decimals.