Skip to content

Instantly share code, notes, and snippets.

@yuntan

yuntan/custom.css

Last active Apr 20, 2020
Embed
What would you like to do?
writefreely custom CSS for listing page
body#collection section#wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
grid-auto-rows: 240px;
row-gap: 24px;
}
body#collection section#wrapper article {
margin-bottom: 0;
padding: 0 24px;
/* clip-path: border-box; */
clip-path: inset(0); /* for Chrome */
}
body#collection section#wrapper article .post-title {
font-size: 18px;
font-weight: 600;
}
body#collection section#wrapper article time.dt-published {
font-size: 14px;
}
body#collection article .book>:not(:first-child) {
display: none;
}
body#collection section#wrapper nav#paging a {
color: rgb(214, 211, 205);
}
body#collection section#wrapper nav#paging {
padding: unset;
margin-bottom: unset;
grid-column-start: 1;
grid-column-end: -1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.