Made tab transition time more dynamic

2026-02-08 01:41:09 +00:00
parent 7d7e1774c5
commit 61aa22e05b
2 changed files with 5 additions and 3 deletions
--- a/styles.css
+++ b/styles.css
@ -8,6 +8,7 @@
    --button-border-highlight-colour: #f7b3a9;

    --header-size: 50px;
+    --tab-transition-time: 250ms; /* Must be in ms for JS parsing */
 }


@ -58,7 +59,7 @@ main {

 main > article {
    display: unset;
-    transition: filter 0.5s, opacity 0.5s;
+    transition: filter var(--tab-transition-time), opacity var(--tab-transition-time);
 }

 .hiddenTab {