@govbr-ds/core/dist/components/textarea/textarea.css

Padrão Digital de Governo

.br-textarea {
  --textarea-padding: var(--textarea-medium);
  --textarea-small: var(--spacing-scale-base);
  --textarea-medium: var(--spacing-scale-baseh);
  --textarea-large: var(--spacing-scale-2x);
  color: var(--color);
}
.br-textarea label {
  display: inline-block;
  margin-bottom: var(--spacing-scale-half);
}
.br-textarea textarea {
  background: var(--background-light);
  border: 1px solid var(--border-color-alternative);
  border-radius: 6px;
  color: var(--color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  padding: var(--textarea-padding);
  width: 100%;
}
.br-textarea.small textarea, .br-textarea[data-small] textarea {
  --textarea-padding: var(--textarea-small);
}
.br-textarea.medium textarea, .br-textarea[data-medium] textarea {
  --textarea-padding: var(--textarea-medium);
}
.br-textarea.large textarea, .br-textarea[data-large] textarea {
  --textarea-padding: var(--textarea-large);
}
.br-textarea.success textarea, .br-textarea[data-success] textarea {
  border-color: var(--success);
  border-width: 2px;
}
.br-textarea.danger textarea, .br-textarea[data-danger] textarea {
  border-color: var(--danger);
  border-width: 2px;
}
.br-textarea.warning textarea, .br-textarea[data-warning] textarea {
  border-color: var(--warning);
  border-width: 2px;
}
.br-textarea.info textarea, .br-textarea[data-info] textarea {
  border-color: var(--info);
  border-width: 2px;
}
.br-textarea textarea:focus, .br-textarea textarea:focus-visible, .br-textarea textarea.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-textarea textarea:hover:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-textarea.inverted,
.br-textarea.inverted label, .br-textarea.dark-mode,
.br-textarea.dark-mode label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}
.br-textarea.inverted textarea, .br-textarea.dark-mode textarea {
  color: var(--color-light);
}

/*# sourceMappingURL=textarea.css.map*/