70 lines
925 B
SCSS
70 lines
925 B
SCSS
///////////////////
|
|
// //
|
|
// POST //
|
|
// //
|
|
///////////////////
|
|
|
|
.post-header {
|
|
margin: 1rem 0 .5rem 0;
|
|
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.post-info {
|
|
font-size: $font-size-small;
|
|
color: $snow-storm-light-grey;
|
|
|
|
> ul {
|
|
margin-top: 0;
|
|
padding: 0;
|
|
|
|
> li {
|
|
padding-right: .3rem;
|
|
}
|
|
}
|
|
|
|
li {
|
|
display: flex;
|
|
list-style: none;
|
|
|
|
> ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
white-space: pre;
|
|
}
|
|
|
|
> ul::before {
|
|
content: ' ';
|
|
white-space: pre;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include breakpoint(tablet) {
|
|
.post-info > ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
> li:not(:last-child) {
|
|
&::after {
|
|
content: ' /';
|
|
white-space: pre;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.post-taxonomies:not(:last-child) {
|
|
&::after {
|
|
content: ', ';
|
|
}
|
|
}
|
|
|
|
.list-footer {
|
|
font-size: $font-size-small;
|
|
padding-left: .5em;
|
|
}
|