]> _ Git - fluidbook-toolbox-quiz.git/commitdiff
wait #6591 @0:30
authorsoufiane <soufiane@cubedesigners.com>
Wed, 20 Dec 2023 16:26:07 +0000 (17:26 +0100)
committersoufiane <soufiane@cubedesigners.com>
Wed, 20 Dec 2023 16:26:07 +0000 (17:26 +0100)
style/107-question-match.sass

index 12b1eb2035104fd0f075b1768d00c89919582ac0..c08cd06fe2c490dea96df9e676f081aa3dcb954f 100644 (file)
         overflow: hidden
         pointer-events: none
 
+        &-container
+            position: relative
+            &:after
+                height: 0
+                width: 0
+                border-top: 16px solid $neutral-color
+                border-right: 21px solid transparent
+                border-left: 21px solid transparent
+                content: ""
+                position: absolute
+                z-index: 99
+                bottom: -16px
+                left: 50%
+                transform: translateX(-50%)
+
         .swiper-slide
             min-height: 137px
             padding: 38px 24px 18px
             +radius(16px)
-            border: 1px solid rgb($texts-color, .24)
+            //border: 1px solid rgb($texts-color, .24)
             text-align: center
+            background-color: $neutral-color
+            font-size: 20px
 
     .bottom-slider
         opacity: 0
@@ -54,6 +71,7 @@
             transform-origin: 50% 50%
             +opacity(.24, background-color, $neutral-color)
             opacity: 0
+            text-align: center
 
             &.move-transitions
                 transition: background-color $transition-time, border $transition-time, opacity $transition-time, transform $transition-time
@@ -80,6 +98,7 @@
         text-align: center
         position: relative
         top: 30px
+        z-index: 2
 
     .swiper-pagination-bottom
         text-align: center