@ebay/skin
Version:
Skin - CSS modules that represent the brand eBay
31 lines (26 loc) • 670 B
CSS
.signal {
border: 1px solid;
border-radius: var(--border-radius-100);
box-sizing: border-box;
display: inline-block;
font-size: var(--font-size-smallest);
font-weight: 700;
letter-spacing: 0.5px;
line-height: var(--spacing-150);
margin: var(--spacing-100) 0;
padding: 2px var(--spacing-100) 1px;
text-align: center;
text-transform: uppercase;
}
.signal--trustworthy {
color: var(--color-foreground-accent);
}
.signal--recent {
color: var(--color-foreground-success);
}
.signal--time-sensitive {
color: var(--color-foreground-attention);
}
.signal--neutral {
color: var(--color-foreground-secondary);
}