Question

我有一些时髦的格式，我用来覆盖Polymer组件。这是自定义变量mixin。 Scss不喜欢用它编译。是否有可能设置一个没有编译sass方式的块？与jekyll raw html tag相似。

例如

// tag do not compile with sass //

--my-component-custom-mixin: {
  background-color: #000;
  color: #fff;
};

// tag finish do not compile with sass //

Answer 1

你可以使用Sass字符串插值（#{'...'}）来逃避CSS mixin：

SELECTOR {
  --CSS-VARIABLE-NAME: #{'CSS-VARIABLE-VALUE'};
}

示例：

my-view1 {
  --my-component-custom-mixin: #{'{
    background-color: #000;
    color: #fff;
  }'};
}

demo

在.scss文件中使用不规则的CSS

1 个答案: