2020-12-26 19:59:54 +01:00
|
|
|
///////////////////
|
|
|
|
// //
|
|
|
|
// POST //
|
|
|
|
// //
|
|
|
|
///////////////////
|
2020-01-15 17:42:04 +01:00
|
|
|
|
|
|
|
.post-header {
|
|
|
|
h1 {
|
2020-12-26 19:59:54 +01:00
|
|
|
margin: 0;
|
2020-01-15 17:42:04 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-09-12 15:07:16 +02:00
|
|
|
.post-image {
|
|
|
|
width: 100%;
|
|
|
|
border-radius: .2rem;
|
|
|
|
}
|
|
|
|
|
2020-01-15 17:42:04 +01:00
|
|
|
.post-info {
|
2019-08-25 17:54:11 +02:00
|
|
|
font-size: $font-size-small;
|
2021-06-06 18:09:48 +02:00
|
|
|
color: $snow-storm-light-grey;
|
2020-12-26 19:59:54 +01:00
|
|
|
|
2021-06-06 18:09:48 +02:00
|
|
|
> ul {
|
|
|
|
margin-top: 0;
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
> li {
|
|
|
|
padding-right: .3rem;
|
|
|
|
}
|
2020-01-19 18:00:55 +01:00
|
|
|
}
|
2020-12-26 19:59:54 +01:00
|
|
|
|
2020-01-15 17:42:04 +01:00
|
|
|
li {
|
|
|
|
display: flex;
|
2020-12-26 19:59:54 +01:00
|
|
|
list-style: none;
|
|
|
|
|
2020-01-15 17:42:04 +01:00
|
|
|
> ul {
|
|
|
|
display: flex;
|
2020-05-24 21:28:11 +02:00
|
|
|
flex-wrap: wrap;
|
2020-01-15 17:42:04 +01:00
|
|
|
padding: 0;
|
2020-01-19 18:00:55 +01:00
|
|
|
white-space: pre;
|
|
|
|
}
|
2020-12-26 19:59:54 +01:00
|
|
|
|
|
|
|
> ul::before {
|
|
|
|
content: ' ';
|
2020-01-19 18:00:55 +01:00
|
|
|
white-space: pre;
|
2020-01-15 17:42:04 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-01-19 18:00:55 +01:00
|
|
|
|
2019-08-25 17:54:11 +02:00
|
|
|
@include breakpoint(tablet) {
|
2021-06-06 18:09:48 +02:00
|
|
|
.post-info > ul {
|
2019-08-25 17:54:11 +02:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
> li:not(:last-child) {
|
|
|
|
&::after {
|
|
|
|
content: ' /';
|
|
|
|
white-space: pre;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-05-24 21:28:11 +02:00
|
|
|
.post-taxonomies:not(:last-child) {
|
|
|
|
&::after {
|
2020-12-26 19:59:54 +01:00
|
|
|
content: ', ';
|
2020-05-24 21:28:11 +02:00
|
|
|
}
|
2020-01-19 18:00:55 +01:00
|
|
|
}
|
2019-08-25 17:54:11 +02:00
|
|
|
|
|
|
|
.list-footer {
|
|
|
|
font-size: $font-size-small;
|
|
|
|
padding-left: .5em;
|
|
|
|
}
|