fix: update Card's border-radius and color in focused state (#2607)

* fix: fixed Card border-radius and color * refactor: refactoring after review
openedx · Sep 13, 2023 · 5eb4c8e · 5eb4c8e
1 parent 23b83c5
commit 5eb4c8e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/Card/_variables.scss b/src/Card/_variables.scss
@@ -5,7 +5,7 @@ $card-spacer-x:                      1.25rem !default;
 $card-border-width:                  $border-width !default;
 $card-border-radius:                 $border-radius !default;
 $card-border-color:                  rgba($black, .125) !default;
-$card-border-focus-color:            rgba($black, .5) !default;
+$card-border-focus-color:            $primary-500 !default;
 $card-border-focus-color-dark:       theme-color("primary", "focus") !default;
 $card-inner-border-radius:           subtract($card-border-radius, $card-border-width) !default;
 $card-cap-bg:                        rgba($black, .03) !default;
@@ -53,4 +53,4 @@ $loading-skeleton-spacer:            .313rem !default;
 
 $card-focus-border-offset:           5px !default;
 $card-focus-border-width:            2px !default;
-$card-focus-border-radius:           5px !default;
+$card-focus-border-radius:           calc($card-focus-border-offset + $card-border-radius) !default;