From affd485cd019f0c665596b6bfaa6af268dc9d9a8 Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Fri, 6 Sep 2024 11:15:34 -0400
Subject: [PATCH] Fix SCSS deprecation warnings

---
 _includes/styles/base.scss | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss
index 84bef9b..c124616 100644
--- a/_includes/styles/base.scss
+++ b/_includes/styles/base.scss
@@ -172,29 +172,37 @@ blockquote {
     &::before {
       background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/info-circle.svg");
     }
-    color: var(--color-blue);
-    border-color: var(--color-blue);
+    & {
+      color: var(--color-blue);
+      border-color: var(--color-blue);
+    }
   }
   &.success {
     &::before {
       background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/check.svg");
     }
-    color: var(--color-success);
-    border-color: var(--color-success);
+    & {
+      color: var(--color-success);
+      border-color: var(--color-success);
+    }
   }
   &.warning {
     &::before {
       background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/alert-triangle.svg");
     }
-    color: var(--color-warn);
-    border-color: var(--color-warn);
+    & {
+      color: var(--color-warn);
+      border-color: var(--color-warn);
+    }
   }
   &.danger {
     &::before {
       background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/circle-x.svg");
     }
-    color: var(--color-error);
-    border-color: var(--color-error);
+    & {
+      color: var(--color-error);
+      border-color: var(--color-error);
+    }
   }
   > p:first-child {
     margin-top: 0;