我使用foundation breakpoints mixins。这是我的代码
.button {
width : 200px;
@include breakpoint(medium){
width:100px;
}
}
.header {
height: 50px;
@include breakpoint(medium){
height: 30px;
}
}
这是我得到的
.button {
width: 200px;
}
@media print,
screen and (min-width: 40em) {
.button {
width: 100px;
}
}
.header {
height: 50px;
}
@media print,
screen and (min-width: 40em) {
.header {
height: 30px;
}
}
你可以看到@media断点调用了两次。我想要的结果是这样的:
.button {
width: 200px;
}
.header {
height: 50px;
}
@media print,
screen and (min-width: 40em) {
.header {
height: 30px;
}
.button {
width: 100px;
}
}
如何在Brackets SASS中输出?我不想采取更多行动,例如转换CSS minifier。感谢