@cbpds/web-components
Version:
Web components for the CBP Design System.
25 lines (24 loc) • 826 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
*/
:root {
--cbp-container-color-text: inherit;
--cbp-container-color-background: transparent;
--cbp-container-color-inner-background: var(--cbp-container-color-background);
--cbp-container-content-padding: 0;
--cbp-container-inner-width: auto;
}
cbp-container {
display: block;
color: var(--cbp-container-color-text);
background: var(--cbp-container-color-background);
padding: var(--cbp-container-content-padding);
max-width: 100%;
}
cbp-container .cbp-container--inner {
display: block;
background: var(--cbp-container-color-inner-background);
margin: auto;
width: var(--cbp-container-inner-width);
}