event page progress, make separate details component and move some stuff around

This commit is contained in:
elise
2024-08-07 21:21:02 +02:00
parent 8c5a9ad132
commit 6d3581886f
10 changed files with 150 additions and 135 deletions

View File

@ -1,26 +1,19 @@
.dateWrapper {
background: var(--color-background-secondary);
margin: 0 calc(var(--spacing-sitepadding-inline)*-1) var(--spacing-sitepadding-block);
padding: var(--spacing-s) var(--spacing-sitepadding-inline) var(--spacing-m);
margin-top: var(--spacing-m);
}
.dateList {
list-style: none;
display: flex;
gap: var(--spacing-s);
margin-top: var(--spacing-xs);
}
.date {
display: inline-block;
font-family: var(--font-serif);
font-size: var(--font-size-body);
position: relative;
line-height: 1.2;
border-right: var(--border);
padding-right: var(--spacing-s);
&:last-child {
border: none;
}
margin: 0 2rem 1rem 0;
}
.time {