Tokens01

Pill.styl

.pill {
	background-color: $background-color-light;
	border: $border-hairline;
	border-radius: $border-radius;
	display: inline-block;
	font-size: $font-size-metadata;
	margin: $space-inline-left-xs;
	padding: $space-inset-xs;
}

.pill--reverse {
	background-color: $background-color-dark;
	border-color: $background-color-dark;
	color: $text-color-light;
}

.pill--ghost {
	background-color: transparent;
	color: $text-color-light;
}