.news{ &-main{ @apply mb-lg; } &-col-sticky{ @apply mb-md lg:mb-0 lg:sticky lg:top-[calc(var(--grid-gutter)*2)]; } &-image{ @apply mb-md; picture{ @apply block aspect-[3/2]; img{ @apply w-full h-full object-cover; } } } &-posts-nav{ @apply bg-grey-100 py-lg mt-lg; &__inner{ @apply grid-container grid lg:grid-cols-2; > *{ &:last-child{ @apply mt-sm lg:mt-0 lg:text-right; } span{ @apply block; &:first-child{ @apply text-size-lg mb-xs; } &:last-child{ @apply text-grey-300 text-size-md; } } } } } }