mirror of
https://github.com/penpot/penpot.git
synced 2026-03-19 08:53:39 +00:00
🐛 Fix style of radio buttons in light theme
This commit is contained in:
committed by
Andrey Antukh
parent
e6d4a56901
commit
75716c37e1
@@ -14,6 +14,8 @@
|
||||
}
|
||||
|
||||
.radio-icon {
|
||||
--radio-icon-border-color: var(--radio-btn-border-color);
|
||||
|
||||
@include buttonStyle;
|
||||
@include flexCenter;
|
||||
@include focusRadio;
|
||||
@@ -21,6 +23,8 @@
|
||||
flex-grow: 1;
|
||||
border-radius: $s-8;
|
||||
box-sizing: border-box;
|
||||
border: $br-2 solid var(--radio-icon-border-color);
|
||||
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
@@ -40,8 +44,9 @@
|
||||
}
|
||||
|
||||
.checked {
|
||||
--radio-icon-border-color: var(--radio-btn-border-color-selected);
|
||||
|
||||
background-color: var(--radio-btn-background-color-selected);
|
||||
border-color: var(--radio-btn-border-color-selected);
|
||||
svg {
|
||||
stroke: var(--radio-btn-foreground-color-selected);
|
||||
}
|
||||
@@ -70,4 +75,4 @@
|
||||
color: var(--button-foreground-color-disabled);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user