The Node.js® Website
keii.dev
1.root {
2 > [role='tabpanel'] > :first-child {
3 @apply rounded-t-none;
4 }
5
6 > div:nth-of-type(1) {
7 @apply flex
8 rounded-t
9 border-x
10 border-t
11 border-neutral-900
12 bg-neutral-950
13 px-4
14 pt-3
15 xs:px-2;
16
17 > button {
18 @apply border-b
19 border-b-transparent
20 px-1
21 text-neutral-200;
22
23 &[data-state='active'] {
24 @apply border-b-green-400
25 text-green-400;
26 }
27 }
28
29 .link {
30 @apply hidden
31 items-center
32 gap-2
33 text-center
34 text-neutral-200
35 lg:flex;
36
37 & > .icon {
38 @apply size-4
39 text-neutral-300;
40 }
41
42 &:is(:link, :visited) {
43 &:hover {
44 @apply text-neutral-400;
45
46 & > .icon {
47 @apply text-neutral-600;
48 }
49 }
50 }
51 }
52 }
53}