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

make services clickthrough for info
Some checks failed
/ build (push) Has been cancelled
Details

Browse source
This commit is contained in:
Ruben 2025-10-28 23:24:36 -05:00
commit c746f1d669
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
4 changed files with 487 additions and 370 deletions
Download patch file Download diff file Expand all files Collapse all files

45
_includes/styles/base/base.css
View file

@ -357,7 +357,9 @@ card-container {
display: grid;
gap: 1.2rem;
grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
grid-template-rows: masonry;
/* regular card entries */
card-entry {
background-color: var(--background-secondary);
border-radius: 1rem;
@ -367,16 +369,54 @@ card-container {
height: auto;
padding: .6rem;
width: auto;
}
/* detail elements */
details {
background-color: var(--background-secondary);
border-radius: 1rem;
border: .15rem solid var(--border);
height: fit-content;
min-width: 19rem;
transition: .2s;
width: auto;
details-content {
display: block;
padding: .6rem;
}
summary {
border-radius: 1rem;
cursor: pointer;
outline: 0 solid var(--accent);
padding: .6rem;
transition: .3s;
&:hover { outline: .2rem solid var(--accent); }
&::marker { content: ""; }
h3 { margin: 0; padding-bottom: 0; }
}
&[open] {
border-color: color-mix(in srgb, var(--warning) 50%, transparent);
summary {
border-bottom: .15rem solid var(--border);
}
}
}
card-entry, details {
h3 {
border-bottom: unset;
display: inline;
margin-bottom: 1rem;
margin-top: 0;
vertical-align: top;
[icon] {
height: 1.4rem;
transition: .3s;
vertical-align: top;
vertical-align: inherit;
}
span[status] {
@ -398,7 +438,6 @@ card-container {
align-self: center;
border-radius: 10rem;
height: 1.2rem;
vertical-align: middle;
width: auto;
}
}
@ -407,7 +446,7 @@ card-container {
&:hover {
h3 {
[icon] {
margin-right: .4rem;
margin-right: .6rem;
transform: rotate(15deg) scale(2.5) translateX(-.1rem) translateY(-.2rem);
}
}