The Node.js® Website
keii.dev
1.container {
2 @apply border-neutral-200
3 bg-white
4 dark:border-neutral-900
5 dark:bg-neutral-950
6 md:flex
7 md:h-16
8 md:flex-row
9 md:items-center
10 md:gap-8
11 md:border-b
12 md:px-8;
13}
14
15.nodeIconAndMobileItemsToggler {
16 @apply flex
17 h-16
18 shrink-0
19 items-center
20 border-b
21 border-neutral-200
22 px-4
23 dark:border-neutral-900
24 md:flex
25 md:h-full
26 md:items-center
27 md:border-0
28 md:px-0;
29}
30
31.nodeIconWrapper {
32 @apply h-[30px]
33 flex-1;
34}
35
36.nodejsLogoDark {
37 @apply h-6
38 w-20
39 dark:hidden;
40}
41
42.nodejsLogoLight {
43 @apply hidden
44 h-6
45 w-20
46 dark:block;
47}
48
49.navInteractionIcon {
50 @apply size-6;
51}
52
53.sidebarItemTogglerLabel {
54 @apply block
55 cursor-pointer
56 md:hidden;
57}
58
59.main {
60 @apply hidden
61 flex-1
62 flex-col
63 md:flex
64 md:flex-row
65 md:items-center;
66}
67
68.navItems {
69 @apply flex
70 flex-col
71 gap-1
72 border-b
73 border-neutral-200
74 p-4
75 dark:border-neutral-900
76 md:flex-1
77 md:flex-row
78 md:border-0
79 md:p-0;
80}
81
82.actionsWrapper {
83 @apply flex
84 items-center
85 gap-2
86 border-b
87 border-neutral-200
88 p-4
89 dark:border-neutral-900
90 md:border-0
91 md:p-0;
92}
93
94.ghIconWrapper {
95 @apply size-9
96 rounded-md
97 p-2;
98
99 svg {
100 @apply fill-neutral-700
101 dark:fill-neutral-300;
102 }
103
104 &:hover {
105 @apply bg-neutral-100
106 dark:bg-neutral-900;
107 }
108}