sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

experimental styling
All checks were successful
/ build (push) Successful in 24s
Details

Browse source
This commit is contained in:
Ruben 2025-09-30 22:22:06 -05:00
commit 73745d03df
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
9 changed files with 163 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

38
_includes/styles/base.css
View file

@ -211,18 +211,40 @@ html[data-theme="dark"] {
---------------------------------- */
html {
background: var(--background) linear-gradient(var(--background) 50%, color-mix(in srgb, var(--accent) 25%, var(--background)) 50%);
background-attachment: fixed;
background: var(--background);
background-repeat: repeat;
background-size: auto;
}
body {
background: linear-gradient(var(--background), color-mix(in srgb, var(--accent) 25%, var(--background)));
min-height: calc(100vh - 4rem);
body {
font-family: var(--font-family);
font-size: 1.125rem;
font-size: 1.05rem;
text-transform: lowercase;
margin: unset !important;
/* idk why it does that */
}
bg-gradient {
background: linear-gradient(color-mix(in srgb, var(--accent) 10%, var(--background)), color-mix(in srgb, var(--accent) 50%, var(--background)));
background-repeat: repeat;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
position: fixed;
z-index: -10001;
}
bg-image {
display: block;
position: fixed;
animation: 80s linear infinite bg-move;
opacity: .6;
background-repeat: repeat;
background-size: auto;
background-image: url(/assets/bg.png);
inset: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: -10000;
}
/* text formatting and config stuff */
@ -565,7 +587,7 @@ summary {
}
/* focus styling */
:focus-visible {
*:focus-visible {
outline: .4rem solid var(--ui-purple) !important;
border-radius: .2rem;
z-index: 999999 !important;