nodejs.org/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.module.css at ab79c465f40f70463a68f5f4a543e520e73d2dc3 · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
@reference "../../../styles/index.css";

.group {
  @apply flex
    w-full
    flex-col
    gap-2;

  /* Default item list spacing for groups */
  .itemList {
    @apply flex
      flex-col
      gap-1;
  }

  .groupName {
    @apply px-2
      py-1
      text-xs
      font-semibold
      text-neutral-800
      dark:text-neutral-600;
  }

  .subGroup {
    @apply flex
      w-full
      flex-col
      gap-1;
  }

  .summary {
    @apply flex
      cursor-pointer
      items-center
      justify-between
      rounded-md
      px-2
      py-1
      text-sm
      font-semibold
      text-neutral-800
      select-none
      hover:bg-neutral-100
      dark:text-neutral-200
      hover:dark:bg-neutral-900;

    list-style: none;

    &::-webkit-details-marker {
      display: none;
    }
  }

  .subGroup[open] > .summary {
    @apply text-green-600
      dark:text-green-400;
  }

  .subItemList {
    @apply mt-1
      ml-2
      flex
      flex-col
      gap-1
      border-l
      border-neutral-200
      pl-2
      dark:border-neutral-800;
  }
}