jb-number-input/web-component/lib/variables.css

number input web component

:host{
  /* Size */
  --button-width: var(--jb-number-input-button-width, 2.25rem);
  --increase-button-border-radius: var(--jb-number-input-increase-button-border-radius, 0);
  --decrease-button-border-radius: var(--jb-number-input-decrease-button-border-radius, 0);
  /* Theme/Color */
  --increase-button-color:var(--jb-number-input-increase-button-color, var(--jb-neutral-7));
  --increase-button-color-hover:var(--jb-number-input-increase-button-color-hover, oklch(from var(--jb-green) calc(l + 0.07) calc(c + 0.07) h));
  --decrease-button-color:var(--jb-number-input-decrease-button-color, var(--jb-neutral-7));
  --decrease-button-color-hover:var(--jb-number-input-decrease-button-color-hover, oklch(from var(--jb-red) calc(l + 0.07) calc(c + 0.07) h));
  --increase-button-bg: var(--jb-number-input-increase-button-bg, transparent);
  --decrease-button-bg: var(--jb-number-input-decrease-button-bg, transparent);
  /* Other */
  --input-direction: var(--jb-number-input-input-direction, ltr);
  --increase-button-border: var(--jb-number-input-increase-button-border, none);
  --decrease-button-border: var(--jb-number-input-decrease-button-border, none);
}