From c29b9a03fd4d70948384542db03f8b9dea57256f Mon Sep 17 00:00:00 2001 From: JulianPrieber <60265788+JulianPrieber@users.noreply.github.com> Date: Sun, 20 Feb 2022 19:19:05 +0100 Subject: [PATCH] Added custom scrollbar Added custom scrollbar to all sites that use light mode Credit to Stephen Paton @ https://codepen.io/stephenpaton-tech/full/JjRvGmY --- littlelink/css/skeleton-light.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/littlelink/css/skeleton-light.css b/littlelink/css/skeleton-light.css index 73b4649..375dfbb 100644 --- a/littlelink/css/skeleton-light.css +++ b/littlelink/css/skeleton-light.css @@ -168,4 +168,24 @@ hr { border-width: 0; border-top: 1px solid #E1E1E1; } +/* ===== Scrollbar CSS ===== */ + /* Firefox */ + * { + scrollbar-width: thin; + scrollbar-color: #323232 #dbdbdb; + } + /* Chrome, Edge, and Safari */ + *::-webkit-scrollbar { + width: 8px; + } + + *::-webkit-scrollbar-track { + background: #dbdbdb; + } + + *::-webkit-scrollbar-thumb { + background-color: #323232; + border-radius: 30px; + border: 3px none #ffffff; + }