From f26036f3261bc9dad9f83a8c7145578b8ccf6ecc Mon Sep 17 00:00:00 2001
From: Vladimir Kharlampidi <nolimits4web@gmail.com>
Date: Wed, 28 Aug 2024 16:26:48 +0300
Subject: [PATCH] fix(element): fix element styles to have correct order
 override

fixes #7704
---
 src/modules/effect-cards/effect-cards.less | 4 +++-
 src/modules/effect-cards/effect-cards.scss | 4 +++-
 src/modules/effect-cube/effect-cube.less   | 4 +++-
 src/modules/effect-cube/effect-cube.scss   | 4 +++-
 src/modules/effect-flip/effect-flip.less   | 4 +++-
 src/modules/effect-flip/effect-flip.scss   | 4 +++-
 6 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/modules/effect-cards/effect-cards.less b/src/modules/effect-cards/effect-cards.less
index ab9034258..1dec37c04 100644
--- 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
index ab9034258..c4b3766c1 100644
--- 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
index 54bdc0132..bf34cc402 100644
--- 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
index 54bdc0132..bf34cc402 100644
--- 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
index 6c16d114c..ca517fbdb 100644
--- 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
index 6c16d114c..ca517fbdb 100644
--- 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;