Использовать миксин как переменную

Question

У меня есть @mixin как этот, который я хочу включить в свой файл s css:

@mixin my-gradient {
  background: -webkit-linear-gradient(to top, #24243e, #302b63, #0f0c29);
  background: linear-gradient(to top, #24243e, #302b63, #0f0c29);
}

И у меня есть $mainColor в моем файле S css, который устанавливает все цвета моего проекта.

Мой вопрос в том, как я могу поставить этот @mixin равным $mainColor в том же файле?

Answer 1

Я не уверен, что вы спрашиваете об этом, но вы можете поместить переменную для вашего цвета прямо в миксин.

 @mixin my-gradient {
   background: -webkit-linear-gradient(to top, $mainColor, $secondaryColor, $thirdColor);
   background: linear-gradient(to top, $mainColor, $secondaryColor, $thirdColor);
 }