diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss index d2a0252e58..4342c2b51d 100644 --- a/core/src/components/badge/badge.ionic.scss +++ b/core/src/components/badge/badge.ionic.scss @@ -51,21 +51,21 @@ /* Soft Badge */ :host(.badge-soft) { - @include globals.border-radius(globals.$ion-border-radius-200); + @include globals.border-radius(globals.$ion-soft-xs); } :host(.badge-small.badge-soft) { - @include globals.border-radius(globals.$ion-border-radius-100); + @include globals.border-radius(globals.$ion-soft-2xs); } /* Round Badge */ :host(.badge-round) { - @include globals.border-radius(globals.$ion-border-radius-full); + @include globals.border-radius(globals.$ion-round-sm); } /* Rectangular Badge */ :host(.badge-rectangular) { - @include globals.border-radius(globals.$ion-border-radius-0); + @include globals.border-radius(globals.$ion-rectangular-sm); } // Badge Sizes diff --git a/core/src/components/badge/test/shape/index.html b/core/src/components/badge/test/shape/index.html index ed96e30c9e..64a02624fd 100644 --- a/core/src/components/badge/test/shape/index.html +++ b/core/src/components/badge/test/shape/index.html @@ -57,6 +57,40 @@ + + + Medium Default + 1 + 99+ + + + + + + Medium Soft + 1 + 99+ + + + + + + Medium Round + 1 + 99+ + + + + + + Medium Rectangular + 1 + 99+ + + + + +