edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve date list style

Browse Source
This commit is contained in:
elisejakob
2024-05-13 01:31:58 +02:00
parent 87e897147d
commit c040e30add
4 changed files with 52 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/components/events/dateList.module.scss
View File

@ -1,8 +1,36 @@
.dateList {
list-style: none;
margin-bottom: var(--spacing-sitepadding);
margin: 1rem 0 var(--spacing-sitepadding);
display: flex;
gap: var(--spacing-gap-column);
}
.date {
background: var(--color-goldenBeige);
font-family: var(--font-serif);
font-size: var(--font-size-lead);
margin-bottom: 1rem;
padding-left: 4rem;
position: relative;
min-height: 3.2rem;
line-height: 1.2;
&:before {
content: "";
display: block;
width: 3.2rem;
height: 3.2rem;
border-radius: 100%;
background: var(--color-goldenBeige);
position: absolute;
left: 0;
top: 0;
}
}
.time {
width: 100%;
}
.venue {
font-style: italic;
}