Sha256: 071e6f514149de30c24f4271304212c75e0332fa7e7d346d8258275e3357f9f1

Contents?: true

Size: 1.16 KB

Versions: 57

Compression:

Stored size: 1.16 KB

Contents

.sts-input {
  &__input-container {
    @apply mt-1 flex border rounded h-12 text-gray-800 dark:text-gray-300 border-gray-300 dark:bg-gray-800 dark:border-gray-700 overflow-hidden;
  }

  &__label {

  }

  &__input-container {
    &.is-invalid {
      @apply border-red-300 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500;
    }
  }

  &__input {
    @apply flex-1 min-w-0 block w-full border-none py-2 px-3;
    background: transparent;

    &:focus {
      box-shadow: none;
    }

    &.white {
      background: rgb(255, 255, 255);

      .dark & {
        background: rgba(255, 255, 255, 0.1);
      }
    }
  }

  &__element {
    @apply inline-flex items-center py-2 px-3;

    &.colored {
      background: rgba(1, 1, 1, 0.1);

      .dark & {
        background: rgba(255, 255, 255, 0.1);
      }
    }

    &.white {
      background: rgb(255, 255, 255);

      .dark & {
        background: rgba(255, 255, 255, 0.1);
      }
    }

    input {
      @apply -ml-3 -mr-3 -mt-2 -mb-2 w-full;

      &:focus {
        box-shadow: none;
      }
    }

    * {
      @apply border-none;

      background-color: transparent;
    }
  }
}

Version data entries

57 entries across 57 versions & 1 rubygems

Version Path
satis-2.1.59 app/components/satis/input/component.css
satis-2.1.58 app/components/satis/input/component.css
satis-2.1.57 app/components/satis/input/component.css
satis-2.1.56 app/components/satis/input/component.css
satis-2.1.55 app/components/satis/input/component.css
satis-2.1.54 app/components/satis/input/component.css
satis-2.1.53 app/components/satis/input/component.css
satis-2.1.52 app/components/satis/input/component.css
satis-2.1.51 app/components/satis/input/component.css
satis-2.1.50 app/components/satis/input/component.css
satis-2.1.49 app/components/satis/input/component.css
satis-2.1.48 app/components/satis/input/component.css
satis-2.1.47 app/components/satis/input/component.css
satis-2.1.46 app/components/satis/input/component.css
satis-2.1.45 app/components/satis/input/component.css
satis-2.1.44 app/components/satis/input/component.css
satis-2.1.43 app/components/satis/input/component.css
satis-2.1.42 app/components/satis/input/component.css
satis-2.1.41 app/components/satis/input/component.css
satis-2.1.40 app/components/satis/input/component.css