Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 07:41:43 -05:00
Code Issues Activity

💄 remove nesting in radio-button scss

Browse source
This commit is contained in:
Belén Albeza 2024-02-28 15:46:46 +01:00 • committed by Andrey Antukh
parent 85ac766bf9
commit e6d4a56901
1 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
frontend/src/app/main/ui/components/radio_buttons.scss
View file

@ -37,20 +37,30 @@
stroke: var(--radio-btn-foreground-color-selected);
}
}
}
&.checked {
background-color: var(--radio-btn-background-color-selected);
border-color: var(--radio-btn-border-color-selected);
svg {
stroke: var(--radio-btn-foreground-color-selected);
}
.title-name {
color: var(--radio-btn-foreground-color-selected);
}
.checked {
background-color: var(--radio-btn-background-color-selected);
border-color: var(--radio-btn-border-color-selected);
svg {
stroke: var(--radio-btn-foreground-color-selected);
}
.title-name {
color: var(--radio-btn-foreground-color-selected);
}
}
&.disabled {
cursor: default;
.disabled {
cursor: default;
background-color: transparent;
border: $s-2 solid transparent;
svg {
stroke: var(--button-foreground-color-disabled);
}
.title-name {
color: var(--button-foreground-color-disabled);
}
&:hover {
background-color: transparent;
border: $s-2 solid transparent;
svg {
@ -59,15 +69,5 @@
.title-name {
color: var(--button-foreground-color-disabled);
}
&:hover {
background-color: transparent;
border: $s-2 solid transparent;
svg {
stroke: var(--button-foreground-color-disabled);
}
.title-name {
color: var(--button-foreground-color-disabled);
}
}
}
}