feat: Modification du conteneur du text des checkbox
continuous-integration/drone/push Build is passing Details
continuous-integration/drone Build is passing Details

This commit is contained in:
Simon 2023-06-05 18:06:03 +02:00
parent 7cce542804
commit 483a0f14ec
1 changed files with 14 additions and 11 deletions

View File

@ -94,7 +94,9 @@ const d = ref(0);
@click="nextQuestion"
/>
<label :for="`question_${question.id}_answer_${answer.id}`">
{{ answer.title }}
<div>
{{ answer.title }}
</div>
</label>
</li>
</ul>
@ -264,36 +266,37 @@ legend
label
cursor: pointer
display: block
input[type=radio]
display: none
& + label
& + label > div
position: relative
padding: .2rem .2rem .2rem 2rem
& + label::before,
& + label::after
& + label > div::before,
& + label > div::after
display: block
position: absolute
box-sizing: border-box
content:''
border-radius: 1rem
& + label::before
bottom: .3rem
& + label > div::before
top: .5rem
left: 0
background-color: var(--color-green)
width: 1rem
height: 1rem
& + label::after
bottom: calc(3px + .3rem)
& + label > div::after
top: calc(3px + .5rem)
left: 3px
width: calc(1rem - 6px)
height: calc(1rem - 6px)
&:checked + label
&:checked + label > div
text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor
&:not(:checked) + label::before
&:not(:checked) + label > div::before
background-color: var(--color-green)
&:not(:checked) + label::after
&:not(:checked) + label > div::after
background-color: white
.main