# elementor/3.8.0-beta1/app/modules/kit-library/assets/js/components/badge.scss

Elementor Website Builder – more than just a page builder, version 3.8.0-beta1. 25 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/kit-library/assets/js/components/badge.scss
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/modules/kit-library/assets/js/components/badge.scss
- Modified: 2022-09-19T16:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/kit-library/assets/js/components/badge.scss#L10-L20`.

```scss
:root {
	--eps-badge-background-color: #{$eps-theme-light};
}

.eps-theme-dark {
	--eps-badge-background-color: #{$eps-dark-gray-600};
}

.eps-badge {
	display: inline-block;
	background: var(--eps-badge-background-color);
	padding: 0 spacing(8);
	line-height: type(line-height, lg);
	box-shadow: shadow("1");
	border-radius: 4px;
	font-size: type(size, "12");

	&--sm {
		font-size: type(size, '10');
		border-radius: 3px;
		padding: 0 spacing(5);
		line-height: type(line-height, base);
	}
}

```