将 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;
}

将 Gardiant 和一个值混合在一起

Mix Gardiant and a value together

sass

node-sass