这个地方错了吧。。。
官方文档 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
学完集成化解决方案,以及自动化工具(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
这个很好理解,也很好用。就是为了方便组件化开发设计的。
先写一个最基本的结构,然后再根据需要,在其外层包裹不同的标签,这样就可以将不同的地方都区分开了。
nav {
a {
color: red;
header & {
color: green;
}
div.class1 & {
color:yellow;
}
div.class2 & {
color: aqua;
}
}
}
先写一个最基本的结构,然后再根据需要,在其外层包裹不同的标签,这样就可以将不同的地方都区分开了。
nav {
a {
color: red;
header & {
color: green;
}
div.class1 & {
color:yellow;
}
div.class2 & {
color: aqua;
}
}
}
2018-01-28
>1.不可以在变量中使用:margin-top: $margin-#{$size};
>2.不可以在调用mixin中使用:@include updated-#{$flag};
>2.不可以在调用mixin中使用:@include updated-#{$flag};
2018-01-25