Minimally functional schedule rendering
Add timetable and event listing based on transforming a simple input data structure.
This commit is contained in:
parent
7d822e4934
commit
484c27ece2
10 changed files with 610 additions and 7 deletions
18
app/schedule/page.module.css
Normal file
18
app/schedule/page.module.css
Normal file
|
@ -0,0 +1,18 @@
|
|||
.schedule {
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
.schedule :is(h1, h2, h3, h4) {
|
||||
margin-block: 0.75em 0.25em;
|
||||
}
|
||||
|
||||
.event {
|
||||
background: color-mix(in oklab, var(--background), grey 20%);
|
||||
padding: 0.5rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.event h3 {
|
||||
margin: 0;
|
||||
}
|
||||
.event + .event {
|
||||
margin-block-start: 0.5rem;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue