nodejs.org/packages/ui-components/Common/LanguageDropDown/index.module.css at 47ccf972d7ea20e206d3b25f75e5d82d46ff0c88 · canerakdas/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
49
50
51
52
53
@reference "../../styles/index.css";

.languageDropdown {
  @apply h-9
    w-9
    rounded-md
    p-2
    text-neutral-700
    motion-safe:transition-colors
    dark:text-neutral-300;

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

.dropDownContent {
  @apply max-h-80
    w-48
    overflow-hidden
    rounded-sm
    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 outline-hidden
    cursor-pointer
    px-2.5
    py-1.5
    text-sm
    font-medium
    text-neutral-800
    data-[highlighted]:bg-green-600
    data-[highlighted]:text-white
    dark:text-white;
}

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