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

donation page
All checks were successful
/ build (push) Successful in 7m17s
Details

Browse source
This commit is contained in:
Ruben 2025-10-26 21:03:17 -05:00
commit a9e15b347d
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
7 changed files with 49 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

20
_includes/styles/base.css
View file

@ -92,6 +92,7 @@ content-wrapper {
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: var(--foreground);
margin-bottom: .5rem;
margin-top: .5rem;
text-decoration-color: transparent;
transition: .2s;
@ -159,13 +160,20 @@ small a {
}
/* lists need some styling */
li {
margin-left: -.7em;
padding-bottom: .5rem;
ul {
margin-left: -1.3rem;
li {
margin-bottom: .5rem;
&::marker {
color: var(--accent);
}
}
}
/* text with "title", little hover-over info tibblets */
._info {
span[title] {
cursor: help;
text-decoration-color: color-mix(in srgb, var(--foreground) 40%, transparent);
text-decoration-line: underline;
@ -689,7 +697,7 @@ radio-button-group {
&:has(input:checked) {
border-color: var(--accent);
background-color: color-mix(in srgb, var(--accent) 30%, var(--background));
background-color: color-mix(in srgb, var(--accent) 15%, var(--background));
}
&:hover, &:focus-visible {
@ -735,7 +743,7 @@ checkbox-button-group {
&:has(input:checked) {
border-color: var(--accent);
background-color: color-mix(in srgb, var(--accent) 30%, var(--background));
background-color: color-mix(in srgb, var(--accent) 15%, var(--background));
&::before {
background: var(--accent);

17
_includes/styles/navbar.css
View file

@ -112,7 +112,7 @@
}
}
.nav-home {
.nav-about {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent));
outline-color: color-mix(in srgb, var(--accent) 60%, transparent);
@ -126,13 +126,6 @@
}
}
.nav-webmaster {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--green) 25%, var(--background)), var(--green));
outline-color: color-mix(in srgb, var(--green) 60%, transparent);
}
}
.nav-donate {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--purple) 25%, var(--background)), var(--purple));
@ -201,7 +194,7 @@
}
}
.nav-home {
.nav-about {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent));
}
@ -213,12 +206,6 @@
}
}
.nav-webmaster {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--green) 25%, var(--background)), var(--green));
}
}
.nav-donate {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--purple) 25%, var(--background)), var(--purple));

6
_includes/styles/pages/services.css
View file

@ -11,11 +11,11 @@ article#services {
details[styled] {
services-filters {
display: flex;
flex-wrap: wrap;
flex-flow: column wrap;
gap: 1rem;
sf-category, sf-publicity {
margin-right: auto;
checkbox-button-group {
flex-flow: row wrap;
}
}
}

3
_includes/styles/windows.css
View file

@ -81,6 +81,9 @@
section, article {
padding: .8rem;
p:first-of-type { margin-top: 0; }
p:last-of-type { margin-bottom: 0; }
}
@media screen and (max-width: 60rem) {