/* theme colors */ /* primary, secondary, tertiary, quaternary, dark, light */ @each $state in $color_states { html .popover-#{nth($state,1)} .popover-title { background-color: var(--porto-#{nth($state,1)}-color) !important; color: var(--porto-#{nth($state,1)}-color-inverse, #{nth($state,3)}) !important; } }