website/site/styles/events.css

76 lines
1013 B
CSS
Raw Permalink Normal View History

.event {
display: flex;
flex-direction: row;
}
.event:hover {
border-bottom: 5px var(--hightlight) solid;
2023-05-05 10:55:05 +00:00
}
2024-03-31 10:25:49 +00:00
.event:hover > div {
padding-bottom: calc(0.5rem - 5px);
2023-05-05 10:55:05 +00:00
}
2024-03-31 10:25:49 +00:00
.event > div {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
2023-05-05 10:55:05 +00:00
white-space: nowrap;
}
.date {
width: 250px;
font-size: 0.9em;
overflow-x: hidden;
white-space: nowrap;
2023-05-05 10:55:05 +00:00
}
.title {
border-left: 2px solid var(--border);
font-weight: bold;
padding-left: 1rem;
padding-right: 0.5em;
}
.place {
font-size: 0.9em;
}
2024-03-31 10:25:49 +00:00
.types {
font-size: 0.9em;
margin-left: auto;
font-style: italic;
}
@media screen and (max-width: 1160px) {
.event {
flex-direction: column;
margin-bottom: 1rem;
border-left: 3px solid var(--border);
}
.event > div {
padding: 0 0.5rem;
white-space: normal;
}
.event:hover {
border-bottom: none;
}
2024-03-31 10:25:49 +00:00
.event:hover > div {
padding-bottom: 0;
}
.date {
width: 100%;
}
.title {
border-left: none;
}
2024-03-31 10:25:49 +00:00
.types {
margin-left: 0;
}
}