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

refining game answers styles

Browse Source
This commit is contained in:
Antoine M 2024-05-08 14:34:13 +02:00
parent 0842b71bd8
commit 9e3ffe4062
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
.answer-explanation { .answer-explanation {
@apply p-8 flex gap-x-8; @apply p-8 flex gap-x-8;
&__type { &__type {
@apply text-white text-4xl w-fit px-6 py-1; @apply text-white text-4xl w-fit px-6 pr-8 py-2 ;
transform: skew(-2deg) rotate(-2deg); transform: skew(-2deg) rotate(-2deg);
&--success, &--success,
&--success .success-icon { &--success .success-icon {
@ -10,11 +10,12 @@
} }
&--error, &--error,
&--error .success-icon { &--error .success-icon {
@apply bg-red-400; @apply bg-red-600;
} }
.success-icon { .success-icon {
@apply w-6 h-6 object-contain object-center absolute top-0 right-0 rounded-full p-2 border-solid border-white border-4; @apply w-6 h-6 object-contain object-center absolute top-0 right-0 rounded-full p-2 border-solid border-white border-4;
border-width: 6px;
transform: translate(50%, -50%); transform: translate(50%, -50%);
} }
} }