将 Gardiant 和值混合在一起

Question

我在 Sass 中有一个价值 $mainColor:#070517; 我想知道放置这个 Gardiant 脚本而不是那个颜色的最佳方法是什么？

background: -webkit-linear-gradient(to top, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */```

Answer 1

您可以添加mixin

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

div {
@include my-gradient;
}