style: update to use var

Kajabi · May 1, 2024 · 1332cc7 · 1332cc7
1 parent 7c9e227
commit 1332cc7
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/libs/core/src/components/pds-chip/pds-chip.scss b/libs/core/src/components/pds-chip/pds-chip.scss
@@ -34,9 +34,9 @@
   --spacing-xl: var(--pine-spacing-150);
   --spacing-xxl: calc(var(--pine-spacing-350) / 2);
 
-  --dot-size: var(--spacing-xs);
-  --close-size: var(--spacing-lg);
-  --close-size-lg: calc(var(--spacing-xl) * 2);
+  --close-size: 10px;
+  --close-size-lg: 24px;
+  --dot-size: 4px;
 
   align-items: center;
   border-radius: var(--border-radius);
@@ -114,7 +114,7 @@ $pds-chip-sentiment-interactive: (
   padding: 0;
 
   .pds-chip__dot {
-    margin-block-end: 1px;
+    margin-block-end: calc(var(--spacing-xxs) / 4);
     margin-block-start: var(--spacing-xxs);
   }
 }