@webpixels/css/dist/themes/teal.css

Utility and component-centric design system based on Bootstrap for fast, responsive UI development.

.theme-teal{--x-primary: #22d3bb;--x-primary-rgb: 34, 211, 187;--x-primary-text-emphasis: rgb(13.6, 84.4, 74.8);--x-primary-bg-subtle: rgb(246.16, 253.24, 252.28);--x-primary-border-subtle: rgb(166.6, 237.4, 227.8);--x-secondary: #171717;--x-secondary-rgb: 23, 23, 23;--x-secondary-text-emphasis: rgb(9.2, 9.2, 9.2);--x-secondary-bg-subtle: rgb(208.6, 208.6, 208.6);--x-secondary-border-subtle: rgb(162.2, 162.2, 162.2);--x-link-color: $primary;--x-link-color-rgb: $primary-rgba;--x-link-hover-color: $secondary;--x-link-hover-color-rgb: 23, 23, 23}.theme-teal .btn-primary{--x-btn-bg: var(--x-primary);--x-btn-color: var(--x-white);--x-btn-border-color: var(--x-primary);--x-btn-hover-bg: rgb(53.1289795918, 222.4710204082, 199.5093877551);--x-btn-hover-color: #000;--x-btn-hover-border-color: rgb(53.1289795918, 222.4710204082, 199.5093877551);--x-btn-active-bg: rgb(53.1289795918, 222.4710204082, 199.5093877551);--x-btn-active-color: #000;--x-btn-active-border-color: rgb(53.1289795918, 222.4710204082, 199.5093877551)}.theme-teal .btn-secondary{--x-btn-bg: var(--x-secondary);--x-btn-color: var(--x-white);--x-btn-border-color: var(--x-secondary);--x-btn-hover-bg: rgb(38.3, 38.3, 38.3);--x-btn-hover-color: #FFF;--x-btn-hover-border-color: rgb(38.3, 38.3, 38.3);--x-btn-active-bg: rgb(38.3, 38.3, 38.3);--x-btn-active-color: #FFF;--x-btn-active-border-color: rgb(38.3, 38.3, 38.3)}.theme-teal .btn-inverse{--x-btn-bg: var(--x-white);--x-btn-color: var(--x-dark);--x-btn-border-color: var(--x-white);--x-btn-hover-bg: rgb(38.3, 38.3, 38.3);--x-btn-hover-color: #FFF;--x-btn-hover-border-color: rgb(38.3, 38.3, 38.3);--x-btn-active-bg: rgb(38.3, 38.3, 38.3);--x-btn-active-color: #FFF;--x-btn-active-border-color: rgb(38.3, 38.3, 38.3)}.theme-teal .btn-outline-primary{--x-btn-color: var(--x-primary);--x-btn-border-color: var(--x-primary);--x-btn-hover-bg: rgb(53.1289795918, 222.4710204082, 199.5093877551);--x-btn-hover-color: #000;--x-btn-hover-border-color: #22d3bb;--x-btn-active-bg: #22d3bb;--x-btn-active-color: #000;--x-btn-active-border-color: rgb(53.1289795918, 222.4710204082, 199.5093877551)}.theme-teal .btn-outline-secondary{--x-btn-color: var(--x-secondary);--x-btn-border-color: var(--x-secondary);--x-btn-hover-bg: rgb(38.3, 38.3, 38.3);--x-btn-hover-color: #FFF;--x-btn-hover-border-color: #171717;--x-btn-active-bg: #171717;--x-btn-active-color: #FFF;--x-btn-active-border-color: rgb(38.3, 38.3, 38.3)}/*# sourceMappingURL=teal.css.map */