From cb60614ab048d50a5402074a21ea8696ec036d1f Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Thu, 8 Feb 2024 23:30:24 -0800
Subject: [PATCH] refactor(loader): tidy up styles

---
 .../calcite-components/src/components/loader/loader.scss | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/calcite-components/src/components/loader/loader.scss b/packages/calcite-components/src/components/loader/loader.scss
index 6b1b17ee789..557529e33a4 100644
--- a/packages/calcite-components/src/components/loader/loader.scss
+++ b/packages/calcite-components/src/components/loader/loader.scss
@@ -97,17 +97,14 @@ $loader-circumference: ($loader-scale - (2 * $stroke-width)) * 3.14159;
   block-size: var(--calcite-loader-size);
   animation-iteration-count: infinite;
   animation-timing-function: linear;
-}
 
-// in newer browsers use the stroke-dash-offset animation as it looks better
-@supports (display: grid) {
-  .loader__svg--1 {
+  &--1 {
     animation-name: loader-offset-1;
   }
-  .loader__svg--2 {
+  &--2 {
     animation-name: loader-offset-2;
   }
-  .loader__svg--3 {
+  &--3 {
     animation-name: loader-offset-3;
   }
 }