The Node.js® Website
keii.dev
1.languageDropdown {
2 @apply h-9
3 w-9
4 rounded-md
5 p-2
6 text-neutral-700
7 dark:text-neutral-300;
8
9 &:hover {
10 @apply bg-neutral-100
11 dark:bg-neutral-900;
12 }
13}
14
15.dropDownContent {
16 @apply max-h-80
17 w-48
18 overflow-hidden
19 rounded
20 border
21 border-neutral-200
22 bg-white
23 shadow-lg
24 dark:border-neutral-900
25 dark:bg-neutral-950;
26
27 > div {
28 @apply max-h-80
29 w-48 overflow-y-auto;
30 }
31}
32
33.dropDownItem {
34 @apply cursor-pointer
35 px-2.5
36 py-1.5
37 text-sm
38 font-medium
39 text-neutral-800
40 outline-none
41 data-[highlighted]:bg-green-600
42 data-[highlighted]:text-white
43 dark:text-white;
44}
45
46.currentDropDown {
47 @apply bg-green-600 text-white;
48}