The Node.js® Website
1.wrapper {
2 @apply flex
3 flex-col
4 items-start
5 gap-8
6 overflow-y-auto
7 border-l
8 border-l-neutral-200
9 px-4
10 py-6
11 dark:border-l-neutral-900
12 md:max-w-xs
13 lg:px-6
14 xs:mt-8
15 xs:w-full
16 xs:border-l-0
17 xs:border-t
18 xs:border-t-neutral-200
19 xs:dark:border-t-neutral-900;
20
21 dt {
22 @apply mb-2
23 text-sm
24 font-medium
25 text-neutral-800
26 dark:text-neutral-200;
27 }
28
29 dd {
30 @apply mb-8
31 flex
32 items-center
33 gap-2
34 text-sm
35 text-neutral-900
36 dark:text-white;
37
38 a {
39 @apply font-semibold
40 text-neutral-900
41 underline
42 dark:text-white
43 xs:inline-block
44 xs:py-1;
45
46 &:hover {
47 @apply text-neutral-800
48 dark:text-neutral-200;
49 }
50 }
51
52 ol {
53 @apply flex
54 list-none
55 flex-col
56 gap-1.5
57 p-0;
58 }
59
60 svg {
61 @apply size-4
62 text-neutral-600
63 dark:text-neutral-400;
64 }
65
66 &:last-child {
67 @apply mb-0;
68 }
69 }
70
71 [data-on-dark] {
72 @apply hidden
73 dark:block;
74 }
75
76 [data-on-light] {
77 @apply block
78 dark:hidden;
79 }
80}