SASS编译相同mixin的括号导致冗余输出

时间:2017-10-06 09:34:57

标签: css sass adobe-brackets

我使用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。感谢

0 个答案:

没有答案