From 969538b8b4562c3b72482bd0a29bb9a3a27e9043 Mon Sep 17 00:00:00 2001 From: CenTdemeern1 Date: Thu, 13 Feb 2025 02:22:43 +0100 Subject: [PATCH] Add sections to the CSS --- static/main.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/static/main.css b/static/main.css index bc6e75a..7667227 100644 --- a/static/main.css +++ b/static/main.css @@ -1,5 +1,7 @@ @import url("/static/spinner.css"); +/* Variables */ + :root { --red: #cb0b0b; --blue: #2081c3; @@ -9,6 +11,8 @@ --medium: 1em; } +/* Generic styling for elements */ + html, body { background: linear-gradient(300deg, var(--red), var(--blue)); @@ -57,6 +61,8 @@ abbr[title] { text-decoration-color: var(--blue); } +/* Generic styling properties */ + .align-start { text-align: start; } @@ -169,6 +175,8 @@ abbr[title] { aspect-ratio: 1; } +/* Specialized elements */ + .iconContainer { width: 64px; height: 64px; @@ -198,6 +206,8 @@ abbr[title] { margin-top: min(var(--xl), 6vh); } +/* Animations */ + .pulse-red { animation: 1s ease-in-out 0s infinite alternate both running pulse-red-anim; }