@dialpad/dialtone-css
Version:
Dialpad's design system
25 lines (22 loc) • 792 B
text/less
.d-recipe-leftbar-unread-pill {
display: flex;
gap: var(--dt-space-300);
align-items: center;
justify-content: center;
padding: var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);
font-size: var(--dt-font-size-100);
line-height: var(--dt-font-line-height-600);
border: none;
border-radius: var(--dt-size-radius-pill);
box-shadow: var(--dt-shadow-medium);
cursor: pointer;
}
.d-recipe-leftbar-unread-pill-mentions {
color: var(--dt-shell-mention-color-foreground-primary);
font-weight: var(--dt-font-weight-bold);
background-color: var(--dt-shell-mention-color-surface-primary);
}
.d-recipe-leftbar-unread-pill-messages {
color: var(--dt-color-foreground-secondary-inverted);
background-color: var(--dt-color-surface-contrast);
}