feat: update Card component styles to use CSS variables for padding in box-shadow

nicosammito · nicosammito · commit 96ec910bd26d · 2025-11-27T01:39:03.000+01:00
diff --git a/src/components/card/Card.style.scss b/src/components/card/Card.style.scss
@@ -100,7 +100,7 @@
 
       @each $gradientName, $gradientColor in variables.$colors {
         &-#{$gradientName} {
-          //box-shadow: inset 0 0 ($padding * 2) math.div($padding, 2) helpers.backgroundColor($gradientColor);
+          box-shadow: inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) helpers.backgroundColor($gradientColor);
         }
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@`
`100`	`100`
`101`	`101`	`@each $gradientName, $gradientColor in variables.$colors {`
`102`	`102`	`&-#{$gradientName} {`
`103`		`- //box-shadow: inset 0 0 ($padding * 2) math.div($padding, 2) helpers.backgroundColor($gradientColor);`
	`103`	`+ box-shadow: inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) helpers.backgroundColor($gradientColor);`
`104`	`104`	`}`
`105`	`105`	`}`
`106`	`106`	`}`