fix(element): fix element styles to have correct order override

fixes #7704
nolimits4web · Aug 28, 2024 · f26036f · f26036f
1 parent c11172a
commit f26036f
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/src/modules/effect-cards/effect-cards.less b/src/modules/effect-cards/effect-cards.less
@@ -1,5 +1,7 @@
-.swiper-cards {
+.swiper.swiper-cards {
   overflow: visible;
+}
+.swiper {
   .swiper-slide {
     transform-origin: center bottom;
     backface-visibility: hidden;

diff --git a/src/modules/effect-cards/effect-cards.scss b/src/modules/effect-cards/effect-cards.scss
@@ -1,5 +1,7 @@
-.swiper-cards {
+.swiper.swiper-cards {
   overflow: visible;
+}
+.swiper-cards {
   .swiper-slide {
     transform-origin: center bottom;
     backface-visibility: hidden;

diff --git a/src/modules/effect-cube/effect-cube.less b/src/modules/effect-cube/effect-cube.less
@@ -1,5 +1,7 @@
-.swiper-cube {
+.swiper.swiper-cube {
   overflow: visible;
+}
+.swiper-cube {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;

diff --git a/src/modules/effect-cube/effect-cube.scss b/src/modules/effect-cube/effect-cube.scss
@@ -1,5 +1,7 @@
-.swiper-cube {
+.swiper.swiper-cube {
   overflow: visible;
+}
+.swiper-cube {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;

diff --git a/src/modules/effect-flip/effect-flip.less b/src/modules/effect-flip/effect-flip.less
@@ -1,5 +1,7 @@
-.swiper-flip {
+.swiper.swiper-flip {
   overflow: visible;
+}
+.swiper-flip {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;

diff --git a/src/modules/effect-flip/effect-flip.scss b/src/modules/effect-flip/effect-flip.scss
@@ -1,5 +1,7 @@
-.swiper-flip {
+.swiper.swiper-flip {
   overflow: visible;
+}
+.swiper-flip {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;