The Node.js® Website
keii.dev
1.root {
2 @apply w-full
3 rounded
4 border
5 border-neutral-900
6 bg-neutral-950;
7
8 .content {
9 @apply m-0
10 p-4;
11
12 & > code {
13 @apply grid
14 overflow-x-auto
15 bg-transparent
16 p-0
17 font-ibm-plex-mono
18 text-sm
19 font-regular
20 leading-snug
21 text-neutral-400
22 [counter-reset:line];
23
24 & > [class='line'] {
25 @apply relative
26 min-w-0
27 pl-8;
28
29 &:not(:empty:last-child)::before {
30 @apply inline-block
31 content-[''];
32 }
33
34 &:not(:empty:last-child)::after {
35 @apply absolute
36 left-0
37 top-0
38 mr-4
39 w-4.5
40 text-right
41 font-ibm-plex-mono
42 text-neutral-600
43 [content:counter(line)]
44 [counter-increment:line];
45 }
46 }
47 }
48 }
49
50 & > .footer {
51 @apply flex
52 items-center
53 justify-between
54 border-t
55 border-t-neutral-900
56 px-4
57 py-3
58 text-sm
59 font-medium;
60
61 & > .language {
62 @apply text-neutral-400;
63 }
64
65 & > .action {
66 @apply px-3
67 py-1.5
68 font-medium;
69 }
70 }
71}
72
73.notification {
74 @apply flex
75 items-center
76 gap-3;
77}
78
79.icon {
80 @apply size-4;
81}