.post-row{ @apply grid-container; @at-root :where(.grid-container) .post-row{ @apply mx-0 px-0; } &--border-grey{ @apply border-grey-200; } &__inner{ @apply lg:grid grid-cols-2 gap-x-[calc(var(--grid-gutter)*2)] pt-xs border-t border-black; } &-title{ @apply text-size-md-lg font-bold mb-sm md:mb-md inline-block; } &-date{ @apply text-size-md-lg; /* div{ @apply flex flex-col; span{ &:last-child:not(:first-child){ @apply text-grey-300 relative line-through; } } } */ } &__footer{ /* @apply mt-lg; */ } &--expired, &--completed{ .post-row-date{ span{ @apply text-grey-300; } } .post-row-title{ @apply text-grey-300; } .block-grid-list{ p{ @apply text-grey-300; } } } &--archived{} }