2021-09-16 09:30:34 -07:00
|
|
|
@use 'sass:math';
|
|
|
|
|
|
2020-03-27 13:59:38 -07:00
|
|
|
// TYPEOGRAPHY MIXINS
|
|
|
|
|
|
|
|
|
|
// Use these mixins to define font-size and line-height
|
|
|
|
|
// html and body declaration allows developer to pass px value as argument
|
|
|
|
|
// Rendered css will default to "rem" and fall back to "px" for unsupported browsers
|
|
|
|
|
@mixin font-size($size) {
|
2021-09-16 09:30:34 -07:00
|
|
|
$rem: math.div($size, 10);
|
2020-04-11 12:52:41 -07:00
|
|
|
$px: $size;
|
2023-01-09 13:04:28 -08:00
|
|
|
font-size: #{$px + 'px'};
|
|
|
|
|
font-size: #{$rem + 'rem'};
|
2020-04-11 12:52:41 -07:00
|
|
|
}
|
