Sass mixins和占位符不能一起工作

时间:2015-04-05 12:18:34

标签: css html5 sass mixins

我正在将CSS样式表转换为SASS

但是我在使用占位符和mixin时遇到问题,编译器会抱怨。在下面的例子中,我正在尝试使用 媒体查询mixin中的%fullwidth占位符。

这似乎不符合逻辑, 有没有办法解决这个问题,还是我必须手动输入CSS?

Ps我搜索了其他帖子,但我无法理解这个, 任何帮助表示赞赏

%fullwidth {        // place holder
  width: 100% 
}
-

body {
  background-color: #00000D;
  font-family: $robotofont;

  @include mobile {   // Mixin for media query min-width 250px 
    font-size: 60%;
    @extend fullwidth;  // causes an ERROR

  }

}

2 个答案:

答案 0 :(得分:2)

我相信你只是错过了延伸通话中的%,即@extend %fullwidth;

答案 1 :(得分:0)

Sass(从版本3.14.3开始)目前不支持在媒体查询之外扩展选择器(包括占位符),我认为不会有。

此外,您在扩展时缺少%,但它仍然无效。