从编程语言（coldfusion 或 PHP）将变量传递给 sass

Question

我想从 Coldfusion 或 php 将变量传递给我的 sass。

上面我声明了一个 var，我需要将其传递给 sass 以在我的 _base.sass 中设置容器大小。

有办法做到吗？

Answer 1

使用变量中的 !default 标志来执行此操作。这就是我的意思

// SCSS file
@import "php-variables"; // have php write this file first before compiling
@import "variables"; // custom colors, font-sizes, etc.

// contents of php-variables

$myvar: #f00; // the value you're setting with php

// contents of variables

$myvar: #0f0 !default; // the value to use if php DOESN't override it.

如果你的 php 代码不需要覆盖 var，你仍然可以有后备。您在 php 文件中编写的任何内容都将首先声明。那么只要你的变量文件在所有变量上使用 !default 标志，那么它就不会覆盖 php 设置的变量。

更多信息在这里：

http://sass-lang.com/docs/yardoc /file.SASS_REFERENCE.html#variable_defaults_

我已经使用 http://www.phpsass.com/ 就可以了。

Answer 2

我认为你应该通过 php/coldfusion 直接写入 sass 文件。我怀疑还有其他方法可以做到这一点。

一个简单的方法就是将变量放在 sass 文件或其他文件中的第一行，然后使用 PHP 覆盖该值。

Answer 3

我发现的最干净的解决方案是执行以下操作。在你的 html 文件（我的是 Blade 模板）中，你可以注入你的变量（$bodyBgColour）：

<style>
    :root {
        --main-bg-color: {{ $bodyBgColour }}
</style>

然后在你的 scss 文件中你可以使用它：

$background-colour: var(--main-bg-color);

然后你可以在你的类中使用该 sass 变量：

body {
    background-color: $background-colour;
}