@cbpds/web-components
Version:
Web components for the CBP Design System.
25 lines (24 loc) • 593 B
CSS
/*
* Caution: "global styles" get injected into every component and can cause file size bloat.
* These should only include SASS variables and mixins that are not written out to CSS directly
*/
/**
* @prop --cbp-icon-color: currentColor;
* @prop --cbp-icon-size: 1rem;
*/
:root {
--cbp-icon-color: currentColor;
--cbp-icon-size: 1rem;
}
cbp-icon {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: text-top;
}
cbp-icon svg {
width: var(--cbp-icon-size);
height: var(--cbp-icon-size);
fill: var(--cbp-icon-color);
vertical-align: top;
}