/* Badges */
.badge {
	&.badge-xs {
		padding: 0.3em 0.5em;
	}
	&.badge-sm {
		padding: 0.6em 1em 0.5em;
		line-height: 1.3;
	}
	&.badge-md {
		padding: 1em 1.6em;
		font-size: 85%;
	}
	&.badge-lg {
		padding: 1.5em 2em;
		font-size: 90%;
	}
	&.badge-xl {
		padding: 2em 2.5em;
		font-size: 100%;
	}
}

.badge-ecommerce {
    font-size: 0.6rem;
    font-weight: 600;
    border-radius: 0;
    padding: 0.4rem 0.5rem;
}

.badge-comments-count {
    min-width: 24px;
    min-height: 24px;
    line-height: 24px;
}

/* Badges - Skin */
@each $name, $var in $colors-list {
	.badge-#{$name} {
		 background-color: var(--#{$name});
	 }
 }