@webpixels/css/dist/themes/red.css

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

.theme-red{--x-primary: #fb3748;--x-primary-rgb: 251, 55, 72;--x-primary-text-emphasis: rgb(100.4, 22, 28.8);--x-primary-bg-subtle: rgb(254.84, 247, 247.68);--x-primary-border-subtle: rgb(253.4, 175, 181.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-red .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(251.6, 85, 99.45);--x-btn-hover-color: #FFF;--x-btn-hover-border-color: rgb(251.6, 85, 99.45);--x-btn-active-bg: rgb(251.6, 85, 99.45);--x-btn-active-color: #FFF;--x-btn-active-border-color: rgb(251.6, 85, 99.45)}.theme-red .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-red .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-red .btn-outline-primary{--x-btn-color: var(--x-primary);--x-btn-border-color: var(--x-primary);--x-btn-hover-bg: rgb(251.6, 85, 99.45);--x-btn-hover-color: #FFF;--x-btn-hover-border-color: #fb3748;--x-btn-active-bg: #fb3748;--x-btn-active-color: #FFF;--x-btn-active-border-color: rgb(251.6, 85, 99.45)}.theme-red .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=red.css.map */