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

nolimits4web · nolimits4web · commit f26036f3261b · 2024-08-28T16:26:48.000+03:00
fixes #7704
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;
