Nekomata/FeDirect
Nekomata/FeDirect
2
3
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add sections to the CSS
All checks were successful
Build & Test / build-run (push) Successful in 43s
Details

Browse source
This commit is contained in:
CenTdemeern1 2025-02-13 02:22:43 +01:00
parent 027faf8371
commit 969538b8b4
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
static/main.css
View file

@ -1,5 +1,7 @@
@import url("/static/spinner.css"); @import url("/static/spinner.css");
/* Variables */
:root { :root {
--red: #cb0b0b; --red: #cb0b0b;
--blue: #2081c3; --blue: #2081c3;
@ -9,6 +11,8 @@
--medium: 1em; --medium: 1em;
} }
/* Generic styling for elements */
html, html,
body { body {
background: linear-gradient(300deg, var(--red), var(--blue)); background: linear-gradient(300deg, var(--red), var(--blue));
@ -57,6 +61,8 @@ abbr[title] {
text-decoration-color: var(--blue); text-decoration-color: var(--blue);
} }
/* Generic styling properties */
.align-start { .align-start {
text-align: start; text-align: start;
} }
@ -169,6 +175,8 @@ abbr[title] {
aspect-ratio: 1; aspect-ratio: 1;
} }
/* Specialized elements */
.iconContainer { .iconContainer {
width: 64px; width: 64px;
height: 64px; height: 64px;
@ -198,6 +206,8 @@ abbr[title] {
margin-top: min(var(--xl), 6vh); margin-top: min(var(--xl), 6vh);
} }
/* Animations */
.pulse-red { .pulse-red {
animation: 1s ease-in-out 0s infinite alternate both running pulse-red-anim; animation: 1s ease-in-out 0s infinite alternate both running pulse-red-anim;
} }