18 lines
462 B
CSS
18 lines
462 B
CSS
@layer components {
|
|
.form-radio-btn {
|
|
@apply absolute mt-3 ml-3 border-black border-3 text-pine-500 focus:ring-2 focus:ring-pine-800;
|
|
}
|
|
|
|
.form-radio-btn:focus + label {
|
|
@apply ring ring-pine-100;
|
|
}
|
|
|
|
.form-radio-btn + label {
|
|
@apply inline-block py-2 pl-8 pr-2 text-sm font-semibold text-gray-500 bg-white border-black rounded-lg cursor-pointer border-3;
|
|
}
|
|
|
|
.form-radio-btn:checked + label {
|
|
@apply text-black border-pine-500;
|
|
}
|
|
}
|