docuseal/app/javascript/form.scss

@config "../../tailwind.form.config.js";

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

a[href],
input[type='checkbox'],
input[type='submit'],
input[type='image'],
input[type='radio'],
label[for],
select,
button {
  cursor: pointer;
}

button .disabled {
  display: none;
}

button[disabled] .disabled {
  display: initial;
}

button .enabled {
  display: initial;
}

button[disabled] .enabled {
  display: none;
}

.input-bordered {
  @apply border-base-content/20;
}

.select-bordered {
  @apply border-base-content/20;
}

.textarea-bordered {
  @apply border-base-content/20;
}

.base-textarea {
  @apply textarea textarea-bordered bg-white rounded-3xl;
}

.btn {
  @apply no-animation;
}

.base-input {
  @apply input input-bordered bg-white;
}

.base-button {
  @apply btn btn-primary text-white text-base;
}

.btn-outline {
  border-color: #004FCC;
  color: #004FCC;
}

.btn-outline:hover {
  background-color: #004FCC;
  border-color: #004FCC;
  color: white;
}

.btn-ghost {
  color: #004FCC;
}

.btn-ghost:hover {
  background-color: #004FCC;
  color: white;
}

.btn-neutral {
  background-color: #004FCC;
  border-color: #004FCC;
  color: white;
}

.btn-neutral:hover {
  background-color: #0063FF;
  border-color: #0063FF;
  color: white;
}

.white-button {
  @apply btn btn-outline text-base bg-white border-2;
  border-color: #004FCC;
  color: #004FCC;
}

.base-checkbox {
  @apply checkbox rounded bg-white checkbox-sm;
}

.base-radio {
  @apply radio bg-white radio-sm;
}