sass折腾

Posted 2020-08-11 Dear 丶Lord

1
　$blue : #1875e7;　
　　div {
　　　color : $blue;
　　}
2
可以嵌套
　div {
　　　　hi {
　　　　　　color:red；
　　　　}
　　}

border-color
　p {
　　　　border: {
　　　　　　color: red;
　　　　}
　　}

　a {
　　　　&:hover { color: #ffb3ff; }
　　}
3 可以继承
@extend
　　.class1 {
　　　　border: 1px solid #ddd;
　　}
　.class2 {
　　　　@extend .class1;
　　　　font-size:120%;
　　}
4Mixin代码块
　　@mixin left {
　　　　float: left;
　　　　margin-left: 10px;
　　}
使用include调用
　　div {
　　　　@include left;
　　}

5 外部调用
　@import "path/filename.scss";