将SCSS编译为CSS由于SCSS文件中的PHP变量，导致编译错误。 如何克服它？

Question

I have a bunch of SCSS file and I am trying to compile them to CSS. I have tried using both Koala and Scout .

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 file:

.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;
}

I understand why the error is coming up, but how can I compile the SCSS file with PHP variables? For further info, I am using OSCLASS

Thanks

Answer 1

You can't. Sass is a Ruby tool, not PHP.

Edit: according the source code, $widgetbackground is defined in the colors.scss file.

Answer 2

You can indeed compile SCSS with PHP, please go through the following Module . I've used that in my project, and it works just fine. All you have to do is,

1. Include the Module into your project

2. Create a Style.php file. and specify the input directory, given in their document.

3. Pass the scss file you have under your assets directory, as an argument to style.php

   style.php/?p=application.scss

4. You will have the compiled file generated, under your Assets Directory,

Style.php File

    $scss = new scssc();
    $scss->setFormatter("scss_formatter_compressed");

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

Here "Assets" means the directory which contain the SCSS files, be sure about the relative path.

Sass is a great tool, happy coding. Hope this helps someone.