event-timeline/app/static/css/partials/_layout.scss

57 lines
785 B
SCSS
Raw Normal View History

2021-11-12 16:49:35 +00:00
.intro,
.postscript,
.event {
border-bottom: 1px solid black;
max-width: 800px;
margin: auto;
}
2021-11-20 12:08:48 +00:00
2021-11-12 16:49:35 +00:00
p {
}
.campaigns {
color:#1abc9c;
}
.places {
color:#f39c11;
}
.actions {
color:#ff00cc;
}
.council{
color:#3399cc;
}
.event .side-by-side {
display: flex;
2021-11-20 12:08:48 +00:00
flex-direction: row;
2021-11-12 16:49:35 +00:00
}
2021-11-20 12:08:48 +00:00
.event:nth-child(2n) .side-by-side {
flex-direction: row-reverse;
}
2021-11-12 16:49:35 +00:00
.media, .text {
width: 50%;
padding: 8px;
}
.media iframe {
width: 100%;
height: 100%;
}
.media img {
width: 100%;
height: 100%;
object-fit: contain;
}
2021-11-20 12:08:48 +00:00
@media screen and (max-width: 799px) {
.media, .text {
width: 100%;
}
.event .side-by-side {
flex-direction: column;
}
.event:nth-child(2n) .side-by-side {
flex-direction: column-reverse;
}
}