@helpwave/hightide/dist/css/uncompiled/utitlity/general.css

helpwave's component and theming library

@utility col {
  @apply flex flex-col gap-y-2;
}

@utility flex-col-* {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--spacing) * --value(number));
}

@utility row {
  @apply flex flex-row gap-x-2;
}

@utility flex-row-* {
  display: flex;
  flex-direction: row;
  column-gap: calc(var(--spacing) * --value(number));
}

@utility input-indicator-hidden {
  @apply appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [-moz-appearance:textfield];
}

@utility fake-hidden {
  @apply invisible pointer-events-none touch-none opacity-0;
}