feat(components/molecule/carousel): suggest use of new colour token v…

…ariables
SUI-Components · Oct 29, 2024 · 17c8f7e · 17c8f7e
1 parent 36bfd2a
commit 17c8f7e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/molecule/carousel/src/styles/index.scss b/components/molecule/carousel/src/styles/index.scss
@@ -1,9 +1,9 @@
 $base-class: '.sui-MoleculeCarousel';
 
 #{$base-class} {
-  -webkit-tap-highlight-color: $c-transparent;
+  -webkit-tap-highlight-color: $wthc-molecule-carousel;
   backface-visibility: hidden;
-  background: $c-background;
+  background: $bgc-molecule-carousel;
   min-height: $mh;
   position: relative;
   user-select: none;

diff --git a/components/molecule/carousel/src/styles/settings.scss b/components/molecule/carousel/src/styles/settings.scss
@@ -1,7 +1,7 @@
-$c-background: transparent !default;
+$bgc-molecule-carousel: transparent !default;
+$wthc-molecule-carousel: rgba(0, 0, 0, 0) !default;
 $c-nav-background: rgba(255, 255, 255, 0.8) !default;
 $c-nav-color: #aaaaaa !default;
-$c-transparent: rgba(0, 0, 0, 0) !default;
 $h-image: auto !default;
 $mh: 50px !default;