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");
}