The Node.js® Website
keii.dev
1.tabsList {
2 @apply mb-6
3 mt-10
4 flex
5 gap-2
6 border-b
7 border-b-neutral-200
8 font-open-sans
9 dark:border-b-neutral-800
10 xs:hidden;
11
12 .tabsTrigger {
13 @apply border-b-2
14 border-b-transparent
15 px-1
16 pb-[11px]
17 text-sm
18 font-semibold
19 text-neutral-800
20 dark:text-neutral-200;
21
22 &[data-state='active'] {
23 @apply border-b-green-600
24 text-green-600
25 dark:border-b-green-400
26 dark:text-green-400;
27 }
28 }
29}
30
31.tabsSelect {
32 @apply sm:visible
33 md:hidden;
34
35 > span {
36 @apply my-6
37 hidden
38 w-full
39 xs:flex;
40 }
41}