nodejs.org/apps/site/components/Common/LanguageDropDown/index.module.css at 120d42b768710d6aee8f32710b57d6f7c401f6fe · anthonyshew/nodejs.org · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.languageDropdown {
  @apply h-9
    w-9
    rounded-md
    p-2
    text-neutral-700
    dark:text-neutral-300;

  &:hover {
    @apply bg-neutral-100
      dark:bg-neutral-900;
  }
}

.dropDownContent {
  @apply max-h-80
    w-48
    overflow-hidden
    rounded
    border
    border-neutral-200
    bg-white
    shadow-lg
    dark:border-neutral-900
    dark:bg-neutral-950;

  > div {
    @apply max-h-80
      w-48 overflow-y-auto;
  }
}

.dropDownItem {
  @apply cursor-pointer
    px-2.5
    py-1.5
    text-sm
    font-medium
    text-neutral-800
    outline-none
    data-[highlighted]:bg-green-600
    data-[highlighted]:text-white
    dark:text-white;
}

.currentDropDown {
  @apply bg-green-600 text-white;
}