.taxonomy-cards { margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; line-height: 1.6rem; .card-item { font-size: 0.875rem; text-align: left; width: 45%; display: flex; align-items: flex-start; min-height: 10rem; padding: 0 2%; position: relative; &:nth-child(n+3){ margin-top: 2rem; } .card-item-wrapper { width: 100%; overflow: hidden; .card-item-title { font-size: 1.2rem; font-weight: bold; display: inline-block; margin-top: 1rem; margin-bottom: 0.75rem; } .more-post { text-align: right; padding-right: 1rem; } } } } .archive-item { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; margin: 0.25rem 0 0.25rem 1.5rem; } .archive-item-link { min-width: 10%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @include link(true, true); } .archive-item-date { text-align: right; color: fixit-var(secondary); white-space: nowrap; @extend .variant-numeric; }