forked from solidjs/solid-docs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyles.css
More file actions
72 lines (65 loc) · 1.35 KB
/
styles.css
File metadata and controls
72 lines (65 loc) · 1.35 KB
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
@import "tailwindcss/base";
@import "./styles/prism.css";
@import "./styles/expressive-code.css";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "./styles/fonts.css";
html {
scroll-behavior: smooth;
scroll-padding-top: 6rem;
}
@layer base {
.prose h1,
.prose h2 {
@apply mt-0;
}
[inert] ::-webkit-scrollbar {
display: none;
}
/* Scroll bar */
.custom-scrollbar::-webkit-scrollbar-track {
@apply bg-transparent;
}
.custom-scrollbar::-webkit-scrollbar {
@apply w-5 h-5 bg-slate-600/60 rounded-xl border-[6px] border-solid border-transparent;
background-clip: content-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
@apply bg-slate-400/90 rounded-xl border-[6px] border-solid border-transparent;
background-clip: content-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
@apply bg-slate-200/70;
}
img {
@apply rounded-xl;
}
}
@layer components {
.shiki.material-theme-ocean {
background-color: transparent !important;
}
}
.navigation_collapsible {
overflow: hidden;
animation: slideUp 300ms ease-out;
}
.navigation_collapsible[data-expanded] {
animation: slideDown 300ms ease-out;
}
@keyframes slideDown {
from {
height: 0;
}
to {
height: var(--kb-collapsible-content-height);
}
}
@keyframes slideUp {
from {
height: var(--kb-collapsible-content-height);
}
to {
height: 0;
}
}