Improved scrollbar

mp-pinheiro · Mar 14, 2024 · fa3cf6e · fa3cf6e
1 parent e249e07
commit fa3cf6e
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -34,6 +34,7 @@ body {
     color: var(--color-quinary);
     text-align: center;
     letter-spacing: 0.1em;
+    overflow-y: auto;
     overflow-x: hidden;
 }
 
@@ -369,4 +370,23 @@ footer .external-links {
     justify-content: center;
     gap: 10px;
     padding-bottom: 20px;
+}
+
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--color-quaternary);
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--color-secondary);
+    border-radius: 10px;
+    border: 3px solid var(--color-quaternary);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--color-secondary);
 }