Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding behaviour sign on top of cover

Browse Source
This commit is contained in:
Antoine M 2024-06-10 09:34:57 +02:00
parent 6670fea41c
commit 1926028b66
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/assets/css/components/game/GameAnswerExplanation.scss
View File

@ -21,7 +21,7 @@
}
&__title {
@apply text-5xl py-8;
@apply text-2xl lg:text-5xl py-8;
}
&__cover {
@ -31,6 +31,21 @@
}
}
}
.modal-content-container__cover {
&--safe:before,
&--unsafe:before {
@apply w-24 h-24 top-0 left-1/2 top-1/2 absolute bg-contain bg-center bg-no-repeat;
content: "";
transform: translate(-50%, -50%);
z-index: 3;
}
&--unsafe:before {
background-image: url("../../../img/icons/anwser_icon_unsafe.svg");
}
&--safe:before {
background-image: url("../../../img/icons/anwser_icon_safe.svg");
}
}
.continue-game {
@apply mt-8;
}