57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
.results-modal {
|
|
.modal-content-container {
|
|
@apply flex flex-col items-center pt-16 pb-10;
|
|
&__celebration {
|
|
@apply absolute top-0 left-0 w-full h-full z-10;
|
|
pointer-events: none;
|
|
}
|
|
&__celebration-confettis-fixe {
|
|
@apply absolute top-0 left-0 z-10 w-full;
|
|
pointer-events: none;
|
|
// svg > g {
|
|
// @apply bg-purple-900 opacity-100 w-full;
|
|
// }
|
|
}
|
|
}
|
|
|
|
.visual-results {
|
|
@apply relative;
|
|
&__cup {
|
|
@apply w-48 h-48;
|
|
}
|
|
|
|
&__score {
|
|
@apply bg-neutral-300 h-12 w-12 rounded-full
|
|
flex
|
|
justify-center
|
|
items-center
|
|
text-3xl
|
|
text-zuume
|
|
absolute
|
|
top-0
|
|
right-0;
|
|
transform: translateX(100%);
|
|
}
|
|
.succes-indicator {
|
|
@apply w-3 h-3 absolute top-0 right-0 bg-green-600 rounded-full p-2;
|
|
transform: translate(40%, -40%);
|
|
}
|
|
}
|
|
|
|
.results-explanation {
|
|
@apply text-center mt-6 max-w-md text-lg font-normal;
|
|
line-height: 1.3;
|
|
}
|
|
.cta--home {
|
|
@apply mt-8;
|
|
}
|
|
}
|
|
|
|
.page-container--results {
|
|
.screen {
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|