【问题标题】:Sass mixins and placeholders not working together [duplicate]Sass mixins和占位符不能一起工作[重复]
【发布时间】:2015-06-10 00:27:52
【问题描述】:

我正在将我的 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

  }

}

【问题讨论】:

    标签: css html sass mixins


    【解决方案1】:

    我相信您只是缺少扩展调用中的 %,即 @extend %fullwidth;

    【讨论】:

      【解决方案2】:

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

      此外,您在扩展时缺少 %,但它仍然无法正常工作。

      【讨论】:

      • 谢谢大家,缺少的 % 是一个错字。有没有办法在不重复 CSS 的情况下解决这个问题
      猜你喜欢
      • 1970-01-01
      • 2013-09-28
      • 2016-04-09
      • 2013-12-17
      • 2012-09-17
      • 1970-01-01
      • 2016-04-24
      • 1970-01-01
      • 2019-06-24
      相关资源
      最近更新 更多