From 1b1ef5177869a10f375ba7cfc4cec94206b563dd Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 16 Sep 2021 11:30:34 -0500
Subject: [PATCH] Use math.div for division in scss
 https://sass-lang.com/d/slash-div

---
 app/styles/fonts.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/styles/fonts.scss b/app/styles/fonts.scss
index eba472a5e4..9a0dfd7584 100644
--- a/app/styles/fonts.scss
+++ b/app/styles/fonts.scss
@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 // OpenDyslexic
 @font-face {
   font-family: 'OpenDyslexic';
@@ -46,14 +48,14 @@
 // 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) {
-  $rem: ($size / 10);
+  $rem: math.div($size, 10);
   $px: $size;
   font-size: #{$px + "px"};
   font-size: #{$rem + "rem"};
 }
 
 @mixin line-height($size) {
-  $rem: ($size / 10);
+  $rem: math.div($size, 10);
   $px: $size;
   line-height: #{$px + "px"};
   line-height: #{$rem + "rem"};