diff --git a/src/components/Card/Card.scss b/src/components/Card/Card.scss index eb5ea5ff3d..c73a0ddd85 100644 --- a/src/components/Card/Card.scss +++ b/src/components/Card/Card.scss @@ -157,11 +157,11 @@ $block: '.#{variables.$ns}card'; &_size { &_m { - --_--border-radius: 8px; + --_--border-radius: var(--g-border-radius-card-m); } &_l { - --_--border-radius: 16px; + --_--border-radius: var(--g-border-radius-card-l); } } } diff --git a/styles/themes/common/_index.scss b/styles/themes/common/_index.scss index ed4b2d4d91..28e68b40c3 100644 --- a/styles/themes/common/_index.scss +++ b/styles/themes/common/_index.scss @@ -13,6 +13,9 @@ --g-border-radius-l: 8px; --g-border-radius-xl: 10px; + --g-border-radius-card-m: 8px; + --g-border-radius-card-l: 16px; + --g-focus-border-radius: 2px; @at-root body#{&} {