Sass基础语法

1.变量的定义

$bgc:#ff5;

body {
	background-color: $bgc;
}

2.嵌套

ul {
	li {
	list-style: none;
		a {
			color: #ff5;
		}
	}
}

3.继承

.public {
	color: #ff5;
}

div {
	@extend .public;
	font-size: 16px;
}

4.混合

@mixin public {
	color: #ff5;
}

div {
	@include public;
	font-size: #ff5;
}

5.运算

div {
	width: 200px / 100px * 100%;
}

6.模块加载

/*加载_base模块*/
@use "base";