nodejs.org/packages/ui-components/src/Common/Modal/index.module.css at 0cd429e388d4a6a3a637ee018e66d6846709cbee · nodejs/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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
@reference "../../styles/index.css";

.overlay {
  @apply fixed
    inset-0
    flex
    justify-center
    bg-white/40
    backdrop-blur-[2px]
    dark:bg-neutral-950/40;

  .content {
    @apply ml:p-6
      relative
      m-4
      inline-flex
      w-full
      max-w-3xl
      flex-col
      gap-2
      overflow-y-auto
      rounded
      border
      border-neutral-200
      bg-white
      p-4
      focus:outline-none
      sm:my-20
      md:p-6
      lg:p-8
      xl:p-12
      dark:border-neutral-800
      dark:bg-neutral-950;
  }

  .close {
    @apply absolute
      top-3
      right-3
      block
      size-7
      cursor-pointer
      rounded-sm
      p-1
      hover:bg-neutral-100
      focus:ring-2
      focus:ring-neutral-200
      focus:outline-none
      dark:hover:bg-neutral-900
      dark:focus:ring-neutral-900;
  }

  .title {
    @apply text-3xl
      font-semibold
      text-neutral-900
      dark:text-white;
  }

  .description {
    @apply font-regular
      mb-2
      text-lg
      text-neutral-800
      dark:text-neutral-200;
  }

  .wrapper {
    @apply flex
      flex-col
      gap-4;

    pre {
      @apply overflow-auto;
    }

    code,
    a {
      @apply break-words;
    }
  }
}