Swap color и background-color with sass/css

Question

Для гибкого макета я пытаюсь переключить цвет с фоновым цветом и наоборот в определенные случаи.

Каков самый чистый способ изменить значения цвета и фона при использовании sass? Чистый CSS не работает в этом случае, не так ли?

Что-то вроде

p { 
@media … { 
[swap currentTextColor and currentBgColor] 
} 
} 

Answer 1

Вы можете создать подмешать:

@mixin swapColors($textColor, $bgColor) { 
    background-color: $bgColor; 
    color: $textColor; 

    @media ... { 
    background-color: $textColor; 
    color: $bgColor; 
    } 
} 

.tree { 
    @include swapMobile(red, black); 
} 

Кроме того я не знаю ничего, построенного в том, что могли бы сделать такую ​​вещь.