style: Mudanças no RadioButton

devhatt · May 13, 2024 · 120af2a · 120af2a
1 parent abc8b47
commit 120af2a
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/components/RadioButton/index.scss b/src/components/RadioButton/index.scss
@@ -15,20 +15,14 @@
 
   cursor: pointer;
 
-  &:focus-within {
-    color: colors.$primary200;
-
-    border-color: colors.$primary200;
-  }
-
   &__input {
     width: 1.6rem;
     height: 1.6rem;
 
     margin: 0.8rem;
-    // border: 1.5px solid colors.$gray200;
+    border: 1.5px solid colors.$gray200;
 
-    // border-radius: 50%;
+    border-radius: 50%;
 
     cursor: pointer;
     appearance: none;
@@ -52,7 +46,15 @@
 
   &__dot {
     font-family: fonts.$primaryFont;
-    color: colors.$gray600;
     font-size: fonts.$xs;
+
+    .radio-container__input:checked + & {
+      color: colors.$primary200;
+    }
+
+    .radio-container__input:not(checked) + & {
+      color: colors.$gray600;
+    }
   }
+
 }