mirror of
https://code.castopod.org/adaures/castopod.git
synced 2024-08-17 07:13:22 +02:00
- add rounded classes with conditional border-radius depending on screen width - add ring-castopod class to use on focus states
26 lines
553 B
CSS
26 lines
553 B
CSS
@layer components {
|
|
.form-radio-btn {
|
|
@apply absolute mt-3 ml-3 border-black border-3 text-pine-500 focus:ring-castopod;
|
|
}
|
|
|
|
.form-radio-btn:focus + label {
|
|
@apply ring-castopod;
|
|
}
|
|
|
|
.form-radio-btn:focus {
|
|
@apply ring-0;
|
|
}
|
|
|
|
.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-white bg-pine-500;
|
|
}
|
|
|
|
.form-radio-btn:checked {
|
|
@apply ring-2 ring-black;
|
|
}
|
|
}
|