30 lines
921 B
CSS
30 lines
921 B
CSS
input[type='radio'] {
|
|
@apply border-2 border-neutral-800 rounded-full w-5 h-5 grid;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
font: inherit;
|
|
box-sizing: border-box; /* Assurez-vous que les dimensions incluent la bordure */
|
|
place-content: center;
|
|
transform: translateY(-1px); /* Ajustez avec un pixel entier */
|
|
|
|
&:checked {
|
|
@apply border-neutral-900;
|
|
}
|
|
}
|
|
|
|
input[type='radio']::before {
|
|
content: '';
|
|
width: 10px; /* Taille adaptée sans valeurs fractionnées */
|
|
height: 10px; /* Taille adaptée sans valeurs fractionnées */
|
|
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
|
|
transform: scale(0);
|
|
transform-origin: bottom left;
|
|
transition: 120ms transform ease-in-out;
|
|
box-shadow: inset 1em 1em #171717 !important;
|
|
}
|
|
|
|
input[type='radio']:checked::before {
|
|
transform: scale(1); /* Passez à une échelle entière */
|
|
}
|