Add timetable and event listing based on transforming a simple input data structure.
18 lines
293 B
CSS
18 lines
293 B
CSS
.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;
|
|
}
|