]> _ Git - fluidbook-toolbox-quiz.git/commitdiff
wait #6369 @0.5
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Tue, 10 Oct 2023 17:27:18 +0000 (19:27 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Tue, 10 Oct 2023 17:27:18 +0000 (19:27 +0200)
style/100-global.sass
style/106-question-draganddrop.sass
style/107-question-match.sass

index 61c093ba4a056185aa4a7021fc1c206110a39309..d43ebe07f95fa4ec640993a767a42dfe03d541c0 100644 (file)
@@ -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
index d57658c0b5a8dc816b7990a3ca7a380b8115b5d1..c7845e9aac36d1cd1661472296fe738538ab52d9 100644 (file)
@@ -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
 
                     &: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
                                 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
                                 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
index 43fb02b03cc52754cebc043d0589f371fbc0a188..b2efca0d4f87ffa53cde13dd698c97ad7a4f039e 100644 (file)
@@ -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
                 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