The Node.js® Website
keii.dev
1.overlay {
2 @apply fixed
3 inset-0
4 flex
5 justify-center
6 bg-white
7 bg-opacity-90
8 backdrop-blur-lg
9 dark:bg-neutral-950
10 dark:bg-opacity-80;
11
12 .content {
13 @apply relative
14 mx-4
15 my-4
16 inline-flex
17 w-full
18 flex-col
19 overflow-y-scroll
20 rounded
21 border
22 border-neutral-200
23 bg-white
24 p-8
25 focus:outline-none
26 dark:bg-neutral-950
27 sm:mt-20
28 lg:w-2/3
29 xl:w-3/5
30 xl:p-12
31 xs:p-6;
32 }
33
34 .close {
35 @apply absolute
36 right-3
37 top-3
38 block
39 size-6
40 cursor-pointer
41 sm:hidden;
42 }
43
44 .title {
45 @apply mb-2
46 text-3xl
47 font-semibold
48 text-neutral-900
49 dark:text-white;
50 }
51
52 .description {
53 @apply mb-4
54 text-lg
55 font-regular
56 text-neutral-800
57 dark:text-neutral-200;
58 }
59
60 .authors {
61 @apply mb-8
62 flex
63 flex-wrap
64 items-center
65 gap-4;
66
67 a {
68 @apply flex
69 items-center
70 gap-1
71 text-xs
72 text-neutral-600
73 underline
74 visited:text-neutral-600;
75 }
76
77 svg {
78 @apply size-3
79 text-neutral-600;
80 }
81 }
82
83 .wrapper main {
84 @apply flex
85 flex-col
86 gap-4;
87
88 a {
89 @apply underline;
90 }
91
92 pre {
93 @apply overflow-auto;
94 }
95 }
96}