2021-04-02 19:20:02 +02:00
|
|
|
@layer components {
|
|
|
|
.form-radio-btn {
|
2021-11-05 15:36:34 +01:00
|
|
|
@apply absolute mt-3 ml-3 border-contrast border-3 text-accent-base;
|
2021-04-02 19:20:02 +02:00
|
|
|
}
|
2020-10-02 17:38:16 +02:00
|
|
|
|
2021-04-02 19:20:02 +02:00
|
|
|
.form-radio-btn:focus + label {
|
2021-11-05 15:36:34 +01:00
|
|
|
@apply ring-accent;
|
2021-04-02 19:20:02 +02:00
|
|
|
}
|
2020-10-02 17:38:16 +02:00
|
|
|
|
2021-04-02 19:20:02 +02:00
|
|
|
.form-radio-btn + label {
|
2021-11-05 15:36:34 +01:00
|
|
|
@apply inline-block py-2 pl-8 pr-2 text-sm font-semibold rounded-lg cursor-pointer border-contrast bg-elevated border-3;
|
|
|
|
color: hsl(var(--color-text-muted));
|
2020-10-02 17:38:16 +02:00
|
|
|
}
|
|
|
|
|
2021-04-02 19:20:02 +02:00
|
|
|
.form-radio-btn:checked + label {
|
2021-11-05 15:36:34 +01:00
|
|
|
@apply text-accent-contrast bg-accent-base;
|
2021-10-18 18:44:07 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-radio-btn:checked {
|
2021-11-05 15:36:34 +01:00
|
|
|
@apply ring-2 ring-contrast;
|
2020-10-02 17:38:16 +02:00
|
|
|
}
|
|
|
|
}
|