feat: change scrollbar style

dewfall123 · Jul 29, 2021 · 294c003 · 294c003
1 parent 61b50a2
commit 294c003
Showing 1 changed file with 18 additions and 6 deletions.
diff --git a/src/client/theme-default/styles/layout.css b/src/client/theme-default/styles/layout.css
@@ -83,7 +83,7 @@ h2 {
   margin-top: 2.25rem;
   margin-bottom: 1.25rem;
   border-bottom: 1px solid var(--c-divider);
-  padding-bottom: .3rem;
+  padding-bottom: 0.3rem;
   line-height: 1.25;
   font-size: 1.65rem;
   /* overflow-x: auto; */
@@ -113,7 +113,7 @@ ul {
 a,
 area,
 button,
-[role="button"],
+[role='button'],
 input,
 label,
 select,
@@ -133,10 +133,10 @@ a:hover {
 
 a.header-anchor {
   float: left;
-  margin-top: .125em;
-  margin-left: -.87em;
-  padding-right: .23em;
-  font-size: .85em;
+  margin-top: 0.125em;
+  margin-left: -0.87em;
+  padding-right: 0.23em;
+  font-size: 0.85em;
   opacity: 0;
 }
 
@@ -248,3 +248,15 @@ form {
   width: 100vw;
   height: 100vh;
 }
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 10px;
+}
+::-webkit-scrollbar-thumb {
+  background-color: #d3d7dd;
+  border-radius: 5px;
+}
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}