sass函数声明、嵌套、参数、导入

定义属性

.error{ color:red }

sass函数定义部分

//声明函数

@mixin border-rad{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; }

//嵌套

@mixin h-ul{ display: flex; justify-content: space-around; align-items: center; li{ list-style: none; } }

//参数 @mixin border($w,$s,c){ border:w $s$c; }

sass导入函数

@import "./common.scss";// 导入的语法

body{

div{
    border:1px solid red;
    background-color: red;
}
span{
    @extend div;
    font-size:20px;
    background-color: transparent;
}

}