2020-12-26 19:59:54 +01:00
|
|
|
|
///////////////////
|
|
|
|
|
// //
|
|
|
|
|
// LISTS //
|
|
|
|
|
// //
|
|
|
|
|
///////////////////
|
2020-01-15 17:42:04 +01:00
|
|
|
|
|
2024-09-02 19:58:59 +02:00
|
|
|
|
/* Lists of posts (like in categories page) */
|
2020-01-15 17:42:04 +01:00
|
|
|
|
.posts-list {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
2024-12-08 08:55:51 +01:00
|
|
|
|
margin-bottom: var(--pico-spacing);
|
2019-08-25 17:54:11 +02:00
|
|
|
|
|
|
|
|
|
> article {
|
2024-12-08 08:55:51 +01:00
|
|
|
|
padding-bottom: var(--pico-spacing);
|
|
|
|
|
padding-left: var(--pico-spacing);
|
2019-08-25 17:54:11 +02:00
|
|
|
|
}
|
2024-12-08 08:55:51 +01:00
|
|
|
|
|
2020-01-15 17:42:04 +01:00
|
|
|
|
}
|
|
|
|
|
|
2024-11-01 14:56:08 +01:00
|
|
|
|
/* List of last posts, on the home page*/
|
|
|
|
|
.home-posts-list {
|
|
|
|
|
|
|
|
|
|
padding-bottom: var(--pico-spacing);
|
|
|
|
|
border-bottom: var(--pico-muted-border-color) solid var(--pico-border-width);
|
|
|
|
|
|
|
|
|
|
article {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article:not(:last-child) {
|
|
|
|
|
&::after {
|
|
|
|
|
content: ' / ';
|
|
|
|
|
white-space: pre;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-02 19:58:59 +02:00
|
|
|
|
/* Lists of the main page, for contact */
|
|
|
|
|
.home-lists {
|
|
|
|
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
flex-flow: row;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
overflow: visible;
|
|
|
|
|
width: 100%; // set the container width
|
|
|
|
|
|
|
|
|
|
dt {
|
|
|
|
|
flex: 0 0 24%;
|
|
|
|
|
word-wrap: anywhere;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
dd {
|
|
|
|
|
flex: 0 0 74%;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
dd {
|
|
|
|
|
margin-left: .5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
dt::after {
|
|
|
|
|
content: ' :';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* List under the post information summary */
|
|
|
|
|
.post-info {
|
|
|
|
|
|
|
|
|
|
summary,
|
|
|
|
|
ol,
|
|
|
|
|
ul,
|
|
|
|
|
li {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul {
|
2024-10-28 09:09:40 +01:00
|
|
|
|
padding: 0 0 calc(var(--pico-spacing)/1) 0;
|
2024-09-02 19:58:59 +02:00
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
> ul {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
padding: 0;
|
|
|
|
|
white-space: pre;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> ul::before {
|
|
|
|
|
content: ' ';
|
|
|
|
|
white-space: pre;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-10-28 09:09:40 +01:00
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
details[open] > ul {
|
|
|
|
|
border-bottom: var(--pico-border-width) solid var(--pico-muted-border-color);
|
2024-09-02 19:58:59 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
.post-info > ul {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
> li:not(:last-child) {
|
|
|
|
|
&::after {
|
2024-10-20 20:30:11 +02:00
|
|
|
|
content: ' / ';
|
2024-09-02 19:58:59 +02:00
|
|
|
|
white-space: pre;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.post-taxonomies:not(:last-child) {
|
|
|
|
|
&::after {
|
|
|
|
|
content: ', ';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2024-10-30 09:19:04 +01:00
|
|
|
|
.tracklist {
|
|
|
|
|
font-size: smaller;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-02 19:58:59 +02:00
|
|
|
|
.list-footer {
|
|
|
|
|
padding-left: .5em;
|
|
|
|
|
}
|