webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: category, date sorting

Browse source 
Add category layouts and date sorting
This commit is contained in:
webfussel 2025-06-12 13:13:30 +02:00
parent 9b66a79a8c
commit 579491f216
7 changed files with 85 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/assets/css/global.css
View file

@ -97,6 +97,15 @@ a {
color: var(--color-white);
}
a.side {
color: var(--color-orange);
text-decoration: none;
&:hover {
color: var(--color-orange-light);
}
}
a.text {
color: var(--color-orange);
text-decoration: underline;
@ -148,6 +157,7 @@ span.chip {
align-items: center;
gap: .5em;
width: max-content;
transition: var(--transition-time);
&:not(.dark) {
--background: var(--color-orange);
@ -197,6 +207,10 @@ span.chip {
margin-top: 1rem;
}
.margin-top-middle {
margin-top: 2rem;
}
.margin-top-big {
margin-top: 6rem;
}
@ -206,7 +220,7 @@ span.chip {
}
.bg-radial {
background-image: radial-gradient(circle at 100vw 100vh, rgba(255,145,0,0.2) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
background-image: radial-gradient(circle at 100vw 100vh, rgba(255, 145, 0, 0.2) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%);
background-color: var(--color-orange-black);
background-repeat: no-repeat;
@ -241,6 +255,10 @@ span.chip {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.gap-default {
gap: 3rem;
}
@ -288,12 +306,6 @@ span.chip {
align-items: center;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.tip-container .tip {
scale: 0;
position: absolute;