@ebay/skin
Version:
Skin - CSS modules that represent the brand eBay
34 lines (29 loc) • 823 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(--signal-trustworthy-color, var(--color-foreground-accent));
}
.signal--recent {
color: var(--signal-recent-color, var(--color-foreground-confirmation));
}
.signal--time-sensitive {
color: var(
--signal-time-sensitive-color,
var(--color-foreground-attention)
);
}
.signal--neutral {
color: var(--signal-neutral-color, var(--color-foreground-secondary));
}