panel/resources/styles/components/miscellaneous.css at 4cb4dfecc88191f474d1f20e4408fc23d6fbb721 · ghzhost/panel · 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
code.clean {
    @apply .font-mono .px-2 .py-1;
    background-color: #eef1f6;
    color: #596981;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
}

.grey-row-box {
    @apply .flex .rounded .no-underline .text-neutral-200 .items-center .bg-neutral-700 .p-4 .border .border-transparent;
    transition: border-color 150ms linear;

    &:not(.no-hover):hover {
        @apply .border-neutral-500;
    }

    & > div.icon {
        @apply .rounded-full .bg-neutral-500 .p-3;
    }
}

.grey-box {
    @apply .shadow-md .bg-neutral-700 .rounded .p-3 .flex .text-xs;

    &:not(.mt-0) {
        @apply .mt-4;
    }
}

::-webkit-scrollbar {
    background: none;
    width: 16px;
    height: 16px;
}

 ::-webkit-scrollbar-thumb {
     border: solid 0 rgb(0 0 0 / 0%);
     border-right-width: 4px;
     border-left-width: 4px;
     -webkit-border-radius: 9px 4px;
     -webkit-box-shadow: inset 0 0 0 1px hsl(211, 10%, 53%), inset 0 0 0 4px hsl(209deg 18% 30%);
}

 ::-webkit-scrollbar-track-piece {
     margin: 4px 0;
}

 ::-webkit-scrollbar-thumb:horizontal {
     border-right-width: 0;
     border-left-width: 0;
     border-top-width: 4px;
     border-bottom-width: 4px;
     -webkit-border-radius: 4px 9px;
}

 ::-webkit-scrollbar-thumb:hover {
     -webkit-box-shadow:
       inset 0 0 0 1px hsl(212, 92%, 43%),
       inset 0 0 0 4px hsl(212, 92%, 43%);
}

 ::-webkit-scrollbar-corner {
     background: transparent;
}