rustlanges-components 0.1.0

RustLangES components library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

@layer components {
  .rustlanges-input {
    @apply flex items-center gap-2 rounded-xl px-[10px] py-3 transition-colors;
    @apply bg-light border-1 border-black text-black hover:bg-neutral-100;
    @apply dark:bg-neutral-950 dark:text-white dark:hover:bg-neutral-900;

    &:has(> :active),
    &:has(> :focus) {
      @apply border-primary-500;
    }

    @variant has-disabled {
      @apply cursor-not-allowed border-neutral-400 bg-neutral-100 text-neutral-600;
      @apply dark:bg-neutral-900 dark:text-neutral-400;
    }
  }

  .rustlanges-input--error {
    @apply border-error-600;
  }

  .rustlanges-input__container {
    @apply flex flex-col gap-1;
  }

  .rustlanges-input__error {
    @apply text-error-800 dark:text-error-300 mt-1 text-sm;
  }

  .rustlanges-input__inner {
    @apply w-full bg-transparent outline-none;
    @apply placeholder:text-neutral-600 dark:placeholder:text-neutral-400;
    @apply disabled:pointer-events-none disabled:placeholder:text-neutral-400 dark:disabled:placeholder:text-neutral-600;
  }

  .rustlanges-input__icon {
    @apply text-neutral-600;

    &:has(+ :disabled) {
      @apply text-neutral-400;
    }
  }
}