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
44
45
46
47
48
49
50

@layer components {
  .rustlanges-badge {
    @apply flex w-fit items-center gap-1 rounded-full border-[0.8px] border-black px-2;

    font-size: 10px;
    @variant desktop {
      font-size: 12px;
    }
  }

  .rustlanges-badge__dot {
    @apply size-1 rounded-full;
  }

  .rustlanges-badge--type-default {
    @apply px-0! size-4 justify-center [&>span]:hidden;
  }

  .rustlanges-badge--type-numeric {
    @apply flex-row-reverse;
  }

  .rustlanges-badge--variant-completed {
    @apply bg-success-100 text-success-600 [&>div]:bg-success-600;
    @variant dark {
      @apply bg-success-950 text-success-400 [&>div]:bg-success-600;
    }
  }

  .rustlanges-badge--variant-reading {
    @apply bg-warning-100 text-warning-500 [&>div]:bg-warning-500;
    @variant dark {
      @apply bg-warning-950 text-warning-300 [&>div]:bg-warning-300;
    }
  }

  .rustlanges-badge--variant-pending {
    @apply bg-error-100 text-error-600 [&>div]:bg-error-600;
    @variant dark {
      @apply bg-error-950 text-error-300 [&>div]:bg-error-300;
    }
  }

  .rustlanges-badge--variant-unread {
    @apply bg-neutral-100 text-neutral-500 [&>div]:bg-neutral-500;
    @variant dark {
      @apply bg-neutral-950 text-neutral-300 [&>div]:bg-neutral-300;
    }
  }
}