From ca54015424821757d5c63f9a4be3d69124f0b3d5 Mon Sep 17 00:00:00 2001
From: fweddi <freddiepreece@outlook.com>
Date: Thu, 18 Jul 2024 15:02:19 +0100
Subject: [PATCH] Remove deprecated node-sass features

---
 public/styles/components/_overlay.scss   | 2 +-
 public/styles/variables/_typography.scss | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/public/styles/components/_overlay.scss b/public/styles/components/_overlay.scss
index bd58dec..8722a7a 100644
--- a/public/styles/components/_overlay.scss
+++ b/public/styles/components/_overlay.scss
@@ -14,7 +14,7 @@ $offset-for-header: 51px;
     width: 100%;
     height: 100%;
     top: $offset-for-header;
-    background-color: hsla(0, 0, 93%, 0.9);
+    background-color: hsla(0, 0%, 93%, 0.9);
 
     display: flex;
     justify-content: center;
diff --git a/public/styles/variables/_typography.scss b/public/styles/variables/_typography.scss
index 6a4da58..6b164c3 100644
--- a/public/styles/variables/_typography.scss
+++ b/public/styles/variables/_typography.scss
@@ -29,10 +29,8 @@ $fonts-base-path: "/assets/fonts/v1/";
 @include gu-font-face("GuardianTitlepieceWeb", "GuardianTitlepieceWeb-Regular");
 
 @mixin font-size($size, $line-height) {
-    font-size: 0px + $size;
-    font-size: 0rem + $size / 10;
-    line-height: 0px + $line-height;
-    line-height: 0rem + $line-height / 10;
+    font-size: calc($size / 10);
+    line-height: calc($line-height / 10);
 }
 
 %f-title {