3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-10 23:26:39 +02:00
Code Issues Projects Releases Packages Wiki 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
Download patch file Download diff file Expand all files Collapse all files

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

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