From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 10 Oct 2023 17:27:18 +0000 (+0200)
Subject: wait #6369 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=d414d01cc27f1b50f49c035fcf7a9c783ccc156e;p=fluidbook-toolbox-quiz.git

wait #6369 @0.5
---

diff --git a/style/100-global.sass b/style/100-global.sass
index 61c093b..d43ebe0 100644
--- a/style/100-global.sass
+++ b/style/100-global.sass
@@ -65,7 +65,7 @@ body
                 position: absolute
                 right: 0
                 top: 0
-                +opacity(.32, background-color, $texts-color)
+                +opacity(.24, background-color, $texts-color)
 
         span
             z-index: 1
diff --git a/style/106-question-draganddrop.sass b/style/106-question-draganddrop.sass
index d57658c..c7845e9 100644
--- a/style/106-question-draganddrop.sass
+++ b/style/106-question-draganddrop.sass
@@ -93,7 +93,7 @@
 
 
             &.active
-                background-color: rgba(0, 0, 0, 0.25)
+                background-color: rgba($opposite-texts-color, 0.24)
                 border: 1px solid rgba($texts-color, .24)
 
             span
@@ -155,7 +155,8 @@
 
                     &:not(.isDragging)
                         &:nth-child(2)
-                            +opacity(.8, background-color, $neutral-color)
+                            +opacity(.8, background-color, $texts-color)
+                            color: $opposite-texts-color
                             transform: scale(.92) !important
                             z-index: 3
                             top: 30px
@@ -164,7 +165,8 @@
                                 opacity: .64 !important
 
                         &:nth-child(3)
-                            +opacity(.8, background-color, $neutral-color)
+                            +opacity(.8, background-color, $texts-color)
+                            color: $opposite-texts-color
                             transform: scale(.83) !important
                             z-index: 2
                             top: 60px
@@ -173,7 +175,8 @@
                                 opacity: .4 !important
 
                         &:nth-child(4)
-                            +opacity(.8, background-color, $neutral-color)
+                            +opacity(.8, background-color, $texts-color)
+                            color: $opposite-texts-color
                             transform: scale(0.75) !important
                             z-index: 1
                             top: 87px
diff --git a/style/107-question-match.sass b/style/107-question-match.sass
index 43fb02b..b2efca0 100644
--- a/style/107-question-match.sass
+++ b/style/107-question-match.sass
@@ -14,7 +14,8 @@
         +flex-config(center, '', '', flex-end)
 
         opacity: 0
-        +flex-config(center, '','', flex-end)
+        +flex-config(center, '', '', flex-end)
+
         .controls
             margin: 0 24px
 
@@ -32,6 +33,7 @@
 
     .bottom-slider
         opacity: 0
+
         .swiper-slide
             width: 252px !important
             height: 158px
@@ -50,15 +52,18 @@
                 background-color: $neutral-color
                 border: 2px solid $texts-color
                 top: 0 !important
+
                 &:not(.not-visible)
                     opacity: 1 !important
 
             &-prev,
             &-next
-                +opacity(.24,background-color,$neutral-color)
+                +opacity(.24, background-color, $texts-color)
+                color: $opposite-texts-color
 
             &:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next)
-                +opacity(.24,background-color,$neutral-color)
+                +opacity(.24, background-color, $texts-color)
+                color: $opposite-texts-color
 
 
     .swiper-pagination-top