From: soufiane Date: Fri, 13 Oct 2023 08:53:11 +0000 (+0200) Subject: wait #6399 @0:25 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=06c673dd3f8707473086b2f165fe3d9d34c5d056;p=fluidbook-toolbox-quiz.git wait #6399 @0:25 --- diff --git a/style/100-global.sass b/style/100-global.sass index 31ca619..a2a4a9a 100644 --- 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 a25a9e0..479d90f 100644 --- 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 b17b00b..414d769 100644 --- 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 059fa12..edc7045 100644 --- 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)