@cbpds/web-components/dist/assets/css/storybook-canvas.css

Web components for the CBP Design System.

/* Set the Storybook canvas body according to the cbp-app's theme */
body:has(cbp-app[data-cbp-theme="light"]) {
  /*--cbp-color-body-background: var(--cbp-color-branding-cbp-light);*/
  background-color: var(--cbp-color-branding-cbp-light);
}

body:has(cbp-app[data-cbp-theme="dark"]) {
  /*--cbp-color-body-background: var(--cbp-color-branding-cbp-dark);*/
  background-color: var(--cbp-color-branding-cbp-dark);
}

.sb-main-centered cbp-app {
  min-height: unset;
}


/* Docs overrides */
.sbdocs .sbdocs-content {
  max-width: 1200px !important;
}

.sbdocs code {
  white-space: normal !important;
}

.sbdocs table {
  width: 100% !important;
}