Я использую lessPHP для компиляции загрузочного файла в файлы окончательного CSS в течение некоторого времени и заинтересовался Фондом Зурба. Имея только знания PHP, я пробовал компилировать SCSS в CSS так, используя scssPHP:Foundation 5 SCSS Compilation через scssPHP
Обратите внимание, что я использовал этот подход, и все, кажется, отлично работает при использовании lessPHP с меньшими файлами загрузочного файла.
require_once("scssPHP/scss.inc.php");
$scss = new scssc;
return $scss->compile($foo);
$ Foo содержит содержимое из основного файла фундамент SCSS, а также импорта для остального .scss файлов.
При компиляции я получаю следующий ответ:
<br />
<b>Fatal error</b>: Uncaught exception 'Exception' with message 'expecting color: failed at `$bg-lightness: lightness($bg);
` /[foundation folder]/scss/_alert-boxes.scss on line 62' in /[scssphp folder]/scss.inc.php:3899
Stack trace:
#0 /[scssphp folder]/scss.inc.php(2364): scss_parser->throwParseError('expecting color', 2029)
#1 /[scssphp folder]/scss.inc.php(1701): scssc->throwError('expecting color')
#2 /[scssphp folder]/scss.inc.php(2035): scssc->assertColor(Array)
#3 [internal function]: scssc->lib_lightness(Array, Object(scssc))
#4 /[scssphp folder]/scss.inc.php(1588): call_user_func(Array, Array, Object(scssc))
#5 /[scssphp folder]/scss.inc.php(945): scssc->callBuiltin('lightness', Array, NULL)
#6 /[scssphp folder]/scss.inc.php(591): scssc->reduce(Array)
#7 /[scssphp folder]/scss.inc.php(723): scssc->compi in <b>[scssphp folder]/scss.inc.php</b> on line <b>3899</b><br />
Это часть в _alert-boxes.scss, где встречается ошибка в первый раз, и, кажется, происходит прямо через Фонд 5 СКС когда это mixins вызываются, даже если я удалю это для проверки.
@mixin alert-style($bg:$primary-color) {
// This find the lightness percentage of the background color.
$bg-lightness: lightness($bg);
// We control which background color and border come through.
background-color: $bg;
border-color: darken($bg, $alert-function-factor);
// We control the text color for you based on the background color.
@if $bg-lightness > 70% { color: $alert-font-color-alt; }
@else { color: $alert-font-color; }
}
Кто-нибудь знает, в чем проблема здесь, или если есть какой-либо другой метод/скрипт можно использовать для компиляции SCSS в CSS? Благодаря!
Я решил проблему, заменив scss.inc.php со следующим исправлением, расположенным [здесь] (https://github.com/timonbaetz/scssphp/blob/8e9ad859b8648d972c1b39bde0ad629bfb1b8eaa/scss.inc.php) – artletic
, фиксирующими был доставлен в официальный репозиторий – George