The Node.js® Website
keii.dev
1.navItem {
2 @apply inline-flex
3 items-center
4 gap-2
5 rounded
6 px-3
7 py-2;
8
9 .label {
10 @apply text-sm
11 font-medium
12 leading-5;
13 }
14
15 .icon {
16 @apply size-3
17 text-neutral-500
18 dark:text-neutral-200;
19 }
20
21 &.nav {
22 .label {
23 @apply text-neutral-900
24 dark:text-white;
25 }
26
27 &.active {
28 @apply bg-green-600;
29
30 .label {
31 @apply text-white;
32 }
33
34 .icon {
35 @apply text-white
36 opacity-50;
37 }
38 }
39 }
40
41 &.footer {
42 .label {
43 @apply text-neutral-800
44 dark:text-white;
45 }
46
47 &:hover {
48 @apply bg-neutral-100 dark:bg-neutral-900;
49 }
50 }
51}