nodejs.org/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.module.css at 95a9ce2c152fe6a1b88dde31d68c81f0ab85d542 · nodejs/nodejs.org · GitHub

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
51
52
53
54
55
56
@reference '../../../styles/index.css';

.item {
  @apply font-regular
    relative
    z-20
    flex
    w-full
    items-center
    overflow-hidden
    text-sm
    text-neutral-800
    dark:text-neutral-200;

  .label {
    @apply font-regular
      p-2
      text-sm;
  }

  .progressionIcon {
    @apply shrink-0
      fill-neutral-200
      stroke-white
      stroke-[4]
      dark:fill-neutral-800
      dark:stroke-neutral-950;
  }

  .icon {
    @apply size-3
      text-neutral-500
      dark:text-neutral-200;
  }

  &.progression {
    .label {
      @apply p-1;
    }
  }

  &.active {
    @apply text-neutral-900
      dark:text-white;

    .progressionIcon {
      @apply fill-green-500;
    }

    &:not(.progression) .label {
      @apply rounded-sm
        bg-green-600
        text-white;
    }
  }
}