%x-badge-default,
.x-badge-default {
	@include x-badge-outline-variant(theme-color("primary"), $border-color, transparent);
}
%x-badge-danger,
.x-badge-danger {
	@include x-badge-outline-variant(theme-color("light"), theme-color("danger"), theme-color("danger"));
}
%x-badge-warning,
.x-badge-warning {
	@include x-badge-outline-variant(theme-color("light"), theme-color("warning"), theme-color("warning"));
}
%badge-info,
.badge-info {
	@include x-badge-outline-variant(theme-color("info"), $border-color, transparent);
}
%x-badge-chrome,
.x-badge-chrome {
	@include x-badge-outline-variant(theme-color("grey"), $border-color, theme-color("light-secondary"));
}