@barguide/style-guide/src/ui/forms.css

BarGuide.io | CSS Style Guide

input,
textarea {
  color: theme('colors.secondary');
}

.ui-input,
.ui-label,
.ui-select,
.ui-textarea {
  appearance: unset;
  background-color: var(--theme-background-light);
  border: 1px solid var(--theme-border-input);
  border-radius: 4px;
  color: var(--theme-copy);
  padding: theme('spacing.1x');
  transition: background-color 200ms ease-out;
}

.ui-input-sm,
.ui-label-sm,
.ui-select-sm,
.ui-textarea-sm {
  padding: theme('spacing.1xs') theme('spacing.1x');
}

.ui-input:focus,
.ui-label:focus,
.ui-select:focus,
.ui-textarea:focus {
  background-color: var(--theme-background-lighter);
  border: 1px solid theme('colors.gray.4');
  outline: none;
}

.ui-wysiwyg {
  padding: 0;
}