body.posts main.list > section {
min-width: 400px; max-width: 700px; width: 90%; margin: 0 auto 0 0;
}
body.posts main.list section > h2 {
font-size: 1.2em; text-align: center; margin: 2em 0; color: $gray-blue;
}
body.posts main.list section > ul.posts {
@include flex(1); @include display(flex); @include flex-direction(column); width: 90%; margin: 0 auto;
}
body.posts main.list section ul.posts > li {
@include display(flex); @include flex-direction(column); @include justify-content(center); border-bottom: 1px solid rgba($gray-blue, 0.2); min-height: 80px;
}
#PostsIndexList > ul.posts li > a {
font-size: 2em; margin: 8px 0;
}
#PostsIndexList > ul.posts li > div.info {
@include display(flex); @include align-items(center); & > span.tags { @include flex(1); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; } & > span.status { @include flex(0 auto); margin-left: auto; }
}
#PostsIndexList > ul.posts li > span.tags svg {
width: 14px; height: 14px; fill: $gray-blue;
}