qwery-core/apps/web/styles/qwery.css at 65f3af01263844dffb12bc967c7a724d79cc51fa · medazizktata25/qwery-core · 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
/* Scrollbar visible on hover - overrides base scrollbar styles */
.scrollbar-hover-visible {
  scrollbar-color: transparent transparent;
}
.scrollbar-hover-visible:hover,
.group:hover .scrollbar-hover-visible {
  scrollbar-color: rgba(155, 155, 155, 0.3) transparent;
}
.dark .scrollbar-hover-visible:hover,
.dark .group:hover .scrollbar-hover-visible {
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
.scrollbar-hover-visible::-webkit-scrollbar {
  height: 5px !important;
  width: 5px !important;
  background: transparent !important;
}
.scrollbar-hover-visible::-webkit-scrollbar-track {
  background: transparent !important;
}
.scrollbar-hover-visible::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 10px;
}
.scrollbar-hover-visible:hover::-webkit-scrollbar-thumb,
.group:hover .scrollbar-hover-visible::-webkit-scrollbar-thumb {
  background: rgba(155, 155, 155, 0.3) !important;
}
.dark .scrollbar-hover-visible:hover::-webkit-scrollbar-thumb,
.dark .group:hover .scrollbar-hover-visible::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15) !important;
}

[data-radix-popper-content-wrapper] {
    @apply w-full md:w-auto;
}

[data-radix-menu-content] {
    @apply rounded-none md:rounded-lg w-full md:w-auto;
}

[data-radix-menu-content] [role="menuitem"] {
    @apply md:min-h-0 min-h-12;
}

.site-header > .container:before,
.site-footer > .container:before {
    background: radial-gradient(62.87% 100% at 50% 100%, var(--color-gray-200) 0%, rgba(255, 255, 255, 0) 100%);

    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.dark .site-header > .container:before,
.dark .site-footer > .container:before {
    background: radial-gradient(62.87% 100% at 50% 100%, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, 0) 100%);
}

.site-footer > .container:before {
    top: 0;
}