From 53f6e7f27c159ddf7d84baed623380c1a5bdce78 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Thu, 20 Aug 2020 07:43:10 -0700
Subject: [PATCH] Adds back px to fix safari

---
 assets/components/ScrollProgress.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/components/ScrollProgress.vue b/assets/components/ScrollProgress.vue
index 3f1ca236..3a17e65a 100644
--- a/assets/components/ScrollProgress.vue
+++ b/assets/components/ScrollProgress.vue
@@ -101,7 +101,7 @@ export default {
     transform: rotate(-90deg);
     transform-origin: 50% 50%;
     stroke: var(--primary-color);
-    stroke-dashoffset: calc(276.32 - var(--progress) * 276.32);
+    stroke-dashoffset: calc(276.32px - var(--progress) * 276.32px);
     stroke-dasharray: 276.32px 276.32px;
     stroke-linecap: round;
     stroke-width: 3;
@@ -129,17 +129,17 @@ export default {
 @keyframes circle-animation {
   0%,
   25% {
-    stroke-dashoffset: 275;
+    stroke-dashoffset: 275px;
     transform: rotate(0);
   }
   50%,
   75% {
-    stroke-dashoffset: 70;
+    stroke-dashoffset: 70px;
     transform: rotate(45deg);
   }
 
   100% {
-    stroke-dashoffset: 275;
+    stroke-dashoffset: 275px;
     transform: rotate(360deg);
   }
 }