/* For styling the results of the post selector */
/* How much margin we want between posts */
.postSelectContainer { /* We use flexbox for this */ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; /* Use this trick with the negative sign to make the bordering cards not be offset from the sides of the container */ /* We want to keep the offset from the top and bottom, so don't use it for the vertical */ margin: 0 -1rem; }

/* To be used by both items and placeholders */
.postSelectItem, .postSelectPlaceholder { /* Set the ideal size, but allow it to grow */ flex-basis: 15rem; flex-grow: 1; }

.postSelectItem { /* Keep some margin around the items */ margin: 1rem 1rem; }

.postSelectPlaceholder { /* Don't have any height for placeholders */ margin: 0 1rem; }

.postSelectLink { font-size: 150%; }