div.container
View Compiled
/*  定义线性渐变
    @params $direction 方向
    @params $gradients 颜色过渡的值列表
*/
//$gradients... 这里是个可变参数
@mixin linear-gradient($direction,$gradients...) {
    background-color: nth($gradients,1);
    background-image: linear-gradient($direction,$gradients);
}
.container{
    @include linear-gradient(to right,#f00,orange,yellow);

    width: 400px;
    height: 200px;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.