@nitive/whitepaper-react
Version:
React components automatically generated by whitepaper-bem
25 lines (24 loc) • 471 B
CSS
.badge {
position: relative;
display: inline-block;
height: var(--space-xl);
max-width: 100%;
box-sizing: border-box;
padding: var(--space-xxs) var(--space-s);
overflow: hidden;
border-radius: 99em;
font-size: var(--size-typo-s);
font-weight: 500;
font-family: var(--font-sans);
white-space: nowrap;
text-overflow: ellipsis
}
.badge::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 99em;
}