Sass 预处理器 - 它们可以忽略特定模式吗？

Question

我正在使用 CodeKit 使用 libsass 编译 .scss。在这些文件中，我想包含一些 Liquid 模板

.some-class {
    color: {{ settings.color_primary }};
}

抛出和错误。有没有办法告诉预处理器让它通过？

谢谢

Answer 1

使用 sass interpolations 按字面意思插入任何内容

.some-class {
    color: #{ "{{ settings.color_primary }}" };
}

您还可以使用辅助函数来获得更好的语法

@function liquid-var($name) {
    @return #{ "{{ " + $name + " }}" };
}

.some-class {
    color: liquid-var("settings.color_primary");
}

Sass Preprocessors - Can They Ignore Specific Patterns?