scss-@mixin

　　@mixin指令用于定义混入，它包括任选的变量和参数中的mixin名称后。

　　scss简单示例：

@mixin style {
.cont{
    color: #77C1EF;
    }
}
@include style;

　　编译后的css代码如下：

.cont {
  color: #77C1EF;
 }

　　@include 指令用于包含mixin到文档中。mixin名称取自可选的参数传递给它。由mixin定义的样式可以包含到当前的规则。

　　scss简单示例：

@mixin style {
.cont{
    background-color: #77C1EF;
    color: #ffffff;
    }
h3 {
    color: #ffffff;
    }
}
@include style;

　　编译后的css代码如下：

.cont {
  background-color: #77C1EF;
  color: #ffffff;
 }

h3 {
  color: #ffffff;
 }