将SCSS编译为CSS由于SCSS文件中的PHP变量导致编译错误。怎么过去呢?

时间:2014-07-03 09:21:54

标签: sass osclass

我有一堆SCSS文件,我正在尝试将它们编译为CSS。我尝试过同时使用KoalaScout

Error:
C:\Users\Ben\Desktop\officeincambridge\public_html\oc-content\themes\bender\sass\user.scss
error sass/user.scss (Line 2: Undefined variable: "$widgetbackground".)
create css/user.css

.SCSS文件:

.user-card{
background-color:$widgetbackground;
position: relative;
padding-left:120px;
height:120px;
@include border-radius(4px);
margin-bottom:25px;
ul{
    padding:15px;
    margin:0;
    list-style: none;
}

我理解为什么会出现错误,但是如何使用PHP变量编译SCSS文件?有关详细信息,我使用的是OSCLASS

由于

2 个答案:

答案 0 :(得分:0)

你做不到。 Sass是一个Ruby工具,而不是PHP。

编辑:根据源代码,$widgetbackground文件中定义了colors.scss

答案 1 :(得分:0)

您确实可以使用PHP编译SCSS,请完成以下Module。我在我的项目中使用过它,它运行得很好。你所要做的就是,

  1. 将模块纳入您的项目

  2. 创建Style.php文件。并指定其文档中给出的输入目录。

  3. 将您在资源目录下的scss文件作为参数传递给style.php

    style.php/?p=application.scss

  4. 您将在资产目录下生成已编译的文件

  5. Style.php文件

        $scss = new scssc();
        $scss->setFormatter("scss_formatter_compressed");
    
        $server = new scss_server("assets/", "assets/", $scss);
        $server->serve();
    

    这里"资产"表示包含SCSS文件的目录,请确保相对路径。

    Sass是一个很棒的工具,编码很快乐。希望这有助于某人。