Files
Stirling-PDF/frontend/shared/components/IconBadge.css
T
EthanHealy01 8e485801c9 change policies ui (#6683)
• Removed colors from policies to make them look more professional.
• upgraded to enterprise link to contact us.
• Hid inactive policies from users (Kept for admin and team lead).
• Closing policies had wrong arrow, made a standard component for chat,
tools and policies header.
2026-06-23 13:57:17 +00:00

37 lines
916 B
CSS

.sui-iconbadge {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
flex-shrink: 0;
/* Resolved tint. Each accent class sets --ib-base; --ib-accent defaults to it
but a consumer can override --ib-accent alone (e.g. to neutralise the badge
until hover) without losing the per-accent base. */
--ib-accent: var(--ib-base, var(--color-blue));
color: var(--ib-accent);
background: color-mix(in srgb, var(--ib-accent) 14%, transparent);
}
.sui-iconbadge--sm {
width: 1.75rem;
height: 1.75rem;
}
.sui-iconbadge--md {
width: 2rem;
height: 2rem;
}
.sui-iconbadge--blue {
--ib-base: var(--color-blue);
}
.sui-iconbadge--purple {
--ib-base: var(--color-purple);
}
.sui-iconbadge--green {
--ib-base: var(--color-green);
}
.sui-iconbadge--amber {
--ib-base: var(--color-amber);
}
.sui-iconbadge--red {
--ib-base: var(--color-red);
}