feat: Modification du design des checkbox

2025-06-20 14:33:14 +02:00
parent a26ec95983
commit 859924d6be
2 changed files with 4 additions and 4 deletions
--- a/src/components/Certitude.vue
+++ b/src/components/Certitude.vue
@ -147,10 +147,10 @@ legend
    &:checked + label > div
      text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor

-    &:checked + label > div::before
+    &:not(:checked) + label > div::before
      background-color: var(--color-green)

-    &:checked + label > div::after
+    &:not(:checked) + label > div::after
      background-color: white

 .main
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@ -298,9 +298,9 @@ legend
      height: calc(1rem - 6px)
    &:checked + label > div
      text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor
-    &:checked + label > div::before
+    &:not(:checked) + label > div::before
      background-color: var(--color-green)
-    &:checked + label > div::after
+    &:not(:checked) + label > div::after
      background-color: white

 .main