diff --git a/resources/css/base/inputs.css b/resources/css/base/inputs.css new file mode 100644 index 0000000..d1c6797 --- /dev/null +++ b/resources/css/base/inputs.css @@ -0,0 +1,29 @@ +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 */ +}