kodadot/nft-gallery

View on GitHub
libs/ui/src/components/NeoInput/NeoField.scss

Summary

Maintainability
Test Coverage
@import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';

$field-margin-bottom: 0.5rem;
$field-label-font-weight: 700;

@import '@oruga-ui/oruga-next/src/scss/components/field.scss';

.o-field {
  &--error .o-input {
    @apply border-k-red;

    &::placeholder {
      @apply text-k-red;
    }
  }

  .o-field__label {
    @apply mb-3 text-text-color;
  }

  &.o-field--focused {
    input,
    textarea {
      @apply outline-none;
    }
  }

  .o-field__message-danger {
    @apply text-k-red;
  }

  .o-field--addons > :not(:first-child):not(:last-child) button,
  .o-field--addons > button:not(:first-child):not(:last-child) {
    @apply border-l-0 border-r-0;
  }
}