switch post previews to use flexbox, add better styling for cropped thumbnails

This commit is contained in:
Albert Yi
2018-07-05 16:51:10 -07:00
parent ec44aa84fa
commit a610111658
11 changed files with 62 additions and 64 deletions

View File

@@ -4,7 +4,6 @@ article.post-preview {
height: 154px;
width: 154px;
margin: 0 10px 10px 0;
float: left;
overflow: hidden;
text-align: center;
@include inline-block;
@@ -26,13 +25,6 @@ article.post-preview {
margin: auto;
}
&.large-cropped {
height: auto;
weidth: auto;
float: none;
display: block;
}
&[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=mp4]:before, &[data-file-ext=zip]:before {
@include animated-icon;
}
@@ -171,7 +163,6 @@ body[data-user-can-approve-posts="true"] .post-preview {
white-space: nowrap;
article.post-preview {
float: none;
width: auto;
border: none;
margin: 0;
@@ -314,13 +305,6 @@ div#c-posts {
}
div#a-index {
div#jlist-rss-ads-for-show {
float: right;
position: absolute;
top: 0;
right: 10px;
}
menu#post-sections {
margin-bottom: 0.5em;
font-size: $h3_size;