這個地方錯了吧。。。
官方文檔 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#data_types
官方文檔 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#data_types
2018-02-13
學(xué)完集成化解決方案,以及自動化工具(webpack/npm script/ yeoman/ bower/gulp), 這個就沒啥用了!不是說scss沒用,是說不再要需要這么去編譯了哈!
2018-01-30
.box{
border: {
top: 1px solid $color;
bottom: 1px solid blue;
};
font: {
size:12px;
weight:bold;
}
}
border: {
top: 1px solid $color;
bottom: 1px solid blue;
};
font: {
size:12px;
weight:bold;
}
}
2018-01-28
這個很好理解,也很好用。就是為了方便組件化開發(fā)設(shè)計的。
先寫一個最基本的結(jié)構(gòu),然后再根據(jù)需要,在其外層包裹不同的標(biāo)簽,這樣就可以將不同的地方都區(qū)分開了。
nav {
a {
color: red;
header & {
color: green;
}
div.class1 & {
color:yellow;
}
div.class2 & {
color: aqua;
}
}
}
先寫一個最基本的結(jié)構(gòu),然后再根據(jù)需要,在其外層包裹不同的標(biāo)簽,這樣就可以將不同的地方都區(qū)分開了。
nav {
a {
color: red;
header & {
color: green;
}
div.class1 & {
color:yellow;
}
div.class2 & {
color: aqua;
}
}
}
2018-01-28
>1.不可以在變量中使用:margin-top: $margin-#{$size};
>2.不可以在調(diào)用mixin中使用:@include updated-#{$flag};
>2.不可以在調(diào)用mixin中使用:@include updated-#{$flag};
2018-01-25