-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.css
62 lines (53 loc) · 1.29 KB
/
tailwind.css
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
@tailwind base;
@tailwind utilities;
@tailwind components;
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,700&display=swap');
@layer base{
html,body, #root{
font-family: 'Roboto', sans-serif;
@apply h-full bg-black4 text-white
}
#root{
@apply flex flex-col
}
.content{
height: calc(100% - theme('spacing.20'))
@apply w-fullnotscroll
}
.mylist::-webkit-scrollbar {
width: 0 !important;
overflow-x:-moz-scrollbars-none;
}
.mylist:nth-child(1){
@apply ml-[-28px]
}
html::-webkit-scrollbar,.overflow-y-scroll::-webkit-scrollbar {
width: 12px;
}
html::-webkit-scrollbar-track, .overflow-y-scroll::-webkit-scrollbar-track {
border-left: 1px solid rgba(255,255,255,0.1)!important;
background-color: #181818;
}
html::-webkit-scrollbar-thumb,.overflow-y-scroll::-webkit-scrollbar-thumb {
@apply bg-grey5
}
html::-webkit-scrollbar-thumb:hover, .overflow-y-scroll::-webkit-scrollbar-thumb:hover {
@apply bg-grey4
}
.hidescroll::-webkit-scrollbar{
width: 0 !important;
}
.fixed{
margin-right:12px;
}
.fullscreen{
height: calc(100vh - 135px)
}
.fullscreen-transform{
transform: translateY(calc((100vh - 63px) * -1))
}
.hidescroll::-webkit-scrollbar {
width: 0 !important;
overflow-x:-moz-scrollbars-none;
}
}