From 17c8f7e90079af2b7d1436b79949bee4f4672681 Mon Sep 17 00:00:00 2001 From: "jordi.munoz@adevinta.com" Date: Tue, 29 Oct 2024 12:41:05 +0100 Subject: [PATCH] feat(components/molecule/carousel): suggest use of new colour token variables --- components/molecule/carousel/src/styles/index.scss | 4 ++-- components/molecule/carousel/src/styles/settings.scss | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/components/molecule/carousel/src/styles/index.scss b/components/molecule/carousel/src/styles/index.scss index 5ec1345041..866bbd1b3b 100644 --- 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 index 5a82ec167e..cbc928cbd9 100644 --- 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;