wait #6399 @0:25

diff --git a/style/100-global.sass b/style/100-global.sass
index 31ca619b8d85bccb3539c5aa6e57a811e3dd0b33..a2a4a9a60e4363ec1423dbd77c07ad5a32b3e7c7 100644 (file)
--- a/style/100-global.sass
+++ b/style/100-global.sass
@@ -101,6 +101,7 @@ body
     margin-left: 16px
     +flex-config(center, false, false, center)
     border: 0.5px solid transparent
+    flex-shrink: 0
 
     &.space
         width: 70px
@@ -286,3 +287,40 @@ body
     &[data-bg-fit="fill"]
         img
             object-fit: fill
+
+
+.card-holder
+    transition: background-color .2s ease
+    +opacity(.08, background-color, $texts-color)
+    +radius(16px)
+    padding: 8px
+    display: grid
+    gap: 8px
+
+    .slot
+        width: 100%
+        height: 51px
+        transition: all .3s
+        +radius(8px)
+        padding: 7px 8px
+        font-size: 12px
+
+        h4
+            font-size: 1.25em
+            font-weight: 600
+            max-height: 1.1em
+            overflow: hidden
+            text-align: left
+
+        p
+            font-size: 1em
+            font-weight: 400
+            max-height: 1em
+            overflow: hidden
+            text-align: left
+            white-space: pre-line
+            margin-top: 3px
+
+        &.active
+            background-color: rgba($opposite-texts-color, 0.24)
+            border: 1px solid rgba($texts-color, .24)

diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index a25a9e008c808fbf794c3aabcca49a81e12e4a11..479d90f719b1d936216eec125ea532d0606fdca9 100644 (file)
--- a/style/101-header-footer.sass
+++ b/style/101-header-footer.sass
@@ -60,7 +60,7 @@ header
     left: 0
     width: 100%
     z-index: 2
-    +padding-container()
+    padding: 24px 24px 40px
     +flex-config(space-between, false, row, center)
 
     .btn.primary

diff --git a/style/105-outro.sass b/style/105-outro.sass
index b17b00b0802c8e9bb6a5abfdce4aa85b4a8c4cf8..414d7691b8423626de221b56ab7bd5f4e2f6769e 100644 (file)
--- a/style/105-outro.sass
+++ b/style/105-outro.sass
@@ -242,8 +242,7 @@
 
 .m
     .score
-        height: 600px
-        //680(hauteur de base) - 80(hauteur du header)
+        height: calc(100vh - 125px)
         position: static
         border-radius: 0
         background: none

diff --git a/style/106-question-draganddrop.sass b/style/106-question-draganddrop.sass
index 059fa1225b0b1eec99ce93f6eb06894c9243cae0..edc7045bf20fedb0c0afea1fa685b3954e793194 100644 (file)
--- a/style/106-question-draganddrop.sass
+++ b/style/106-question-draganddrop.sass
@@ -208,7 +208,7 @@
                 height: auto
                 left: 50%
                 transform: translateX(-50%)
-                padding: 18px 40px
+                padding: 36px 40px
                 border-radius: 8px
                 border-width: 2px
 
@@ -277,39 +277,3 @@
 
                             &:not(:nth-child(-n+4))
                                 top: 86px
-
-.card-holder
-    transition: background-color .2s ease
-    +opacity(.08, background-color, $texts-color)
-    +radius(16px)
-    padding: 8px
-    display: grid
-    gap: 8px
-
-    .slot
-        width: 100%
-        height: 51px
-        transition: all .3s
-        +radius(8px)
-        padding: 7px 8px
-        font-size: 12px
-
-        h4
-            font-size: 1.25em
-            font-weight: 600
-            max-height: 1.1em
-            overflow: hidden
-            text-align: left
-
-        p
-            font-size: 1em
-            font-weight: 400
-            max-height: 1em
-            overflow: hidden
-            text-align: left
-            white-space: pre-line
-            margin-top: 3px
-
-        &.active
-            background-color: rgba($opposite-texts-color, 0.24)
-            border: 1px solid rgba($texts-color, .24)