From e6d4a56901a3d1a6bb8235a54810c780058480a9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= Date: Wed, 28 Feb 2024 15:46:46 +0100 Subject: [PATCH] :lipstick: remove nesting in radio-button scss --- .../app/main/ui/components/radio_buttons.scss | 44 +++++++++---------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/frontend/src/app/main/ui/components/radio_buttons.scss b/frontend/src/app/main/ui/components/radio_buttons.scss index 521a57885..f62595284 100644 --- a/frontend/src/app/main/ui/components/radio_buttons.scss +++ b/frontend/src/app/main/ui/components/radio_buttons.scss @@ -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); - } - } } -} +} \ No newline at end of file