.status{ --status: theme(colors.black); @apply flex items-center my-xs; span{ background-color: var(--status); @apply w-2.5 h-2.5 mr-2.5; } &--expired{ --status: theme(colors.yellow.100) } &--completed{ --status: #4B9072 } }