@trimble-oss/moduswebcomponents/collection/components/modus-wc-divider/modus-wc-divider.css

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

/**
* This component uses Tailwind CSS and DaisyUI.
* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.
*/
modus-wc-divider .modus-wc-divider.modus-wc-divider-primary::before, modus-wc-divider .modus-wc-divider.modus-wc-divider-primary::after {
  background-color: var(--modus-wc-color-primary);
}
modus-wc-divider .modus-wc-divider.modus-wc-divider-accent::before, modus-wc-divider .modus-wc-divider.modus-wc-divider-accent::after {
  background-color: var(--modus-wc-color-info-blue);
}

[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after {
  background-color: color-mix(in sRGB, var(--modus-wc-color-gray-10) 10%, transparent);
}
[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after {
  background-color: var(--modus-wc-color-green-dark);
}
[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after {
  background-color: var(--modus-wc-color-red-dark);
}
[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,
[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,
[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after {
  background-color: var(--modus-wc-color-yellow-dark);
}

[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after {
  background-color: color-mix(in sRGB, var(--modus-wc-color-gray-light) 10%, transparent);
}
[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after {
  background-color: var(--modus-wc-color-green-light);
}
[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after {
  background-color: var(--modus-wc-color-red-light);
}
[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,
[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,
[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after {
  background-color: var(--modus-wc-color-yellow-light);
}