@kenreymozo/kenrey-component/dist/esm/components/destructive.module.css

Components for kendallrey

:root {
  --color-destructive: #EE2E2E;
  --color-destructive-50: #FEF2F2;
  --color-destructive-100: #FEE2E2;
  --color-destructive-200: #FECACA;
  --color-destructive-300: #FCA5A5;
  --color-destructive-400: #F97070;
  --color-destructive-500: #EE2E2E;
  --color-destructive-600: #DD2525;
  --color-destructive-700: #BA1B1B;
  --color-destructive-800: #9A1A1A;
  --color-destructive-900: #7F1D1D;
  --color-destructive-950: #450A0A;
  --color-on-destructive: #FEF2F2;
  --color-on-destructive-dark: #450A0A; }

.destructive {
  background-color: var(--color-destructive);
  color: var(--color-on-destructive); }

.destructive-50 {
  background-color: var(--color-destructive-50);
  color: var(--color-on-destructive-dark); }

.destructive-100 {
  background-color: var(--color-destructive-100);
  color: var(--color-on-destructive-dark); }

.destructive-200 {
  background-color: var(--color-destructive-200);
  color: var(--color-on-destructive-dark); }

.destructive-300 {
  background-color: var(--color-destructive-300);
  color: var(--color-on-destructive-dark); }

.destructive-400 {
  background-color: var(--color-destructive-400);
  color: var(--color-on-destructive); }

.destructive-500 {
  background-color: var(--color-destructive-500);
  color: var(--color-on-destructive); }

.destructive-600 {
  background-color: var(--color-destructive-600);
  color: var(--color-on-destructive); }

.destructive-700 {
  background-color: var(--color-destructive-700);
  color: var(--color-on-destructive); }

.destructive-800 {
  background-color: var(--color-destructive-800);
  color: var(--color-on-destructive); }

.destructive-900 {
  background-color: var(--color-destructive-900);
  color: var(--color-on-destructive); }

.destructive-950 {
  background-color: var(--color-destructive-950);
  color: var(--color-on-destructive); }