Change "calc()" to idiomatic sass

This commit is contained in:
Emilia Allison 2022-10-02 15:30:07 -04:00
parent ecff203c0d
commit 850d0c259c
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
1 changed files with 9 additions and 8 deletions

View File

@ -1,3 +1,4 @@
@use "sass:math";
@mixin reset {
/* ----------------- */
/* Custom Properties */
@ -17,14 +18,14 @@ $color-white: hsl(0 0% 100%);/* White */
/* font */
/* Sizes divided by 16 so values given in px */
$fs-900: calc(125rem / 16);
$fs-800: calc(75rem / 16);
$fs-700: calc(56rem / 16);
$fs-600: calc(32rem / 16);
$fs-500: calc(28rem / 16);
$fs-400: calc(24rem / 16);
$fs-300: calc(18rem / 16);
$fs-200: calc(16rem / 16);
$fs-900: math.div(125rem, 16);
$fs-800: math.div(75rem, 16);
$fs-700: math.div(56rem, 16);
$fs-600: math.div(32rem, 16);
$fs-500: math.div(28rem, 16);
$fs-400: math.div(24rem, 16);
$fs-300: math.div(18rem, 16);
$fs-200: math.div(16rem, 16);
$ff-serif: serif;
$ff-sans-cond: sans-serif;