.breadcrumbs{ @apply grid-container mt-sm md:mt-12.5 xl:mt-25; + * { @apply mt-base md:mt-lg xl:mt-25; &.block-page-title-banner{ @apply md:mt-lg lg:mt-base; } } ul{ /* @apply flex flex-wrap; */ li{ @apply text-size-lg inline; &:not(:last-child){ &::after{ content: '/'; @apply mx-[0.75vw]; } } a, span{ @apply text-grey-300; } &:last-child{ span{ @apply text-black; } } } } &--spacing-2{ @apply mb-lg; } @at-root body.has-primary-bg{ .breadcrumbs{ ul{ li{ a, span{ @apply text-yellow-300; } &:last-child{ span{ @apply text-black; } } } } } } }