emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/cool-stuff/css-purgatory/base/scss/base.scss
View File

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