bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-06-12 01:47:28 -05:00
Code Issues Projects Releases Wiki Activity

Better related posts section

Browse Source
This commit is contained in:
BBaoVanC
2022-04-10 15:42:58 -05:00
parent b14e0e90fd
commit 2113c7a4e9
2 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/bobastyle.css
View File

@ -244,19 +244,31 @@
padding: 8px 15px;
}
/* Related posts */
.related hr {
margin: 25px 0px;
}
@media (min-width: 720px) {
.related {
/* this makes it full width -- 720px max-width on body */
margin-left: calc(-100vw / 2 + 760px / 2);
margin-right: calc(-100vw / 2 + 760px / 2);
}
}
.related-posts {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 10px;
align-items: stretch; /* this is default anyways */
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(0, 360px));
}
.related-posts .post {
min-width: 10%;
flex: 1 1 49%;
}
/* Back to top */
#back-to-top {
position: fixed;
float: right;