From 51b8817dc7d8e185f9573e672a167765fdaa40dd Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Sun, 3 Nov 2024 20:58:35 +0100
Subject: [PATCH] Scrollbar

---
 package.json                      | 2 +-
 src/components/cards/ceCard.astro | 4 ++++
 src/layouts/Layout.astro          | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 48a762d..abd4ab4 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.0-pre.58",
+	"version": "0.2.0-pre.59",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
diff --git a/src/components/cards/ceCard.astro b/src/components/cards/ceCard.astro
index 204110e..8d2bcc4 100644
--- a/src/components/cards/ceCard.astro
+++ b/src/components/cards/ceCard.astro
@@ -28,6 +28,10 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 </article>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   .hidemlb {
     display: none;
     height: 1em;
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index fef05c4..cab9b9c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -141,7 +141,11 @@ const mapped_navdata = navdata.map((item) => ({
     --c-rgb-accent-1: 184, 108, 255;
     --c-rgb-accent-1-alt: 193, 5, 255;
     --c-rgb-accent-2: 255, 0, 119;
+
+    /* Scrollbar */
+    scrollbar-color: var(--c-secondary-background) var(--c-primary-background);
   }
+
   body {
     background: var(--c-secondary-background);
     margin: 0px;