From 8419a2b96236da84c19fc6fc6cb22484fe97e874 Mon Sep 17 00:00:00 2001
From: Shivani Jha <shivaniijha99@gmail.com>
Date: Sun, 3 Oct 2021 11:18:14 +0530
Subject: [PATCH] changed sass variables to css variables

---
 src/styles/variables.sass | 44 +++++++++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/styles/variables.sass b/src/styles/variables.sass
index 354101b..0b07f92 100644
--- a/src/styles/variables.sass
+++ b/src/styles/variables.sass
@@ -1,27 +1,39 @@
-// colors
-$white: #FFFFFF
-
 // fallback brand color
 :root
 	--brand-color: #484D7C
 	--white: #FFFFFF
+	--text-black: #1A1A1A
+	--gray-40: #666666
+	--gray-50: #808080
+	--gray-60: #999999
+	--gray-70: #B3B3B3
+	--gray-80: #CCCCCC
+	--gray-90: #E5E5E5
+	--gray-95: #F2F2F2
+	--gray-97: #F7F7F7
+	--color-success: #64B285
+	--color-warning: #E8BD43
+	--color-danger: #DE544E
+	--border-radius: 0.375rem
+
+$white: var(--white)
 
 $brand-color: var(--brand-color)
 
-$text-black: #1A1A1A
+$text-black: var(--text-black)
 
-$gray-40: #666666
-$gray-50: #808080
-$gray-60: #999999
-$gray-70: #B3B3B3
-$gray-80: #CCCCCC
-$gray-90: #E5E5E5
-$gray-95: #F2F2F2
-$gray-97: #F7F7F7
+$gray-40: var(--gray-40)
+$gray-50: var(--gray-50)
+$gray-60: var(--gray-60)
+$gray-70: var(--gray-70)
+$gray-80: var(--gray-80)
+$gray-90: var(--gray-90)
+$gray-95: var(--gray-95)
+$gray-97: var(--gray-97)
 
-$color-success: #64B285
-$color-warning: #E8BD43
-$color-danger: #DE544E
+$color-success: var(--color-success)
+$color-warning: var(--color-warning)
+$color-danger: var(--color-danger)
 
 // radius
-$border-radius: 0.375rem
+$border-radius: var(--border-radius)