Сообщений в теме: 3

[Sliapy]

Почему-то при подключении в J!Blank библиотеки lesshat в итоговом css вместо значений некоторых свойств (opacity, box-shadow и др.) получаю такое

 

    filter: /* Sorry, can not do JavaScript evaluation in PHP... :( */;
    -webkit-opacity: /* Sorry, can not do JavaScript evaluation in PHP... :( */;
    -moz-opacity: /* Sorry, can not do JavaScript evaluation in PHP... :( */;
    opacity: /* Sorry, can not do JavaScript evaluation in PHP... :( */;

-webkit-box-shadow: /* Sorry, can not do JavaScript evaluation in PHP... :( */;
    -moz-box-shadow: /* Sorry, can not do JavaScript evaluation in PHP... :( */;
    box-shadow: /* Sorry, can not do JavaScript evaluation in PHP... :( */;

 

[MOKEV]

Не правильно происходит компиляция less файла...вы можете показать, как и где вы подключаете библиотеку lesshat?

[Sliapy]

Да просто в template.less 

@import "lesshat";

Подключено то все правильно, потому что простые свойства типа .size(100px,50px) вполне успешно компилируются в 

width:100px;
height:50px;

В самом lesshate тот же box-shadow выглядит так

.box-shadow(...) {
  @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-shadow: @process;
  -moz-box-shadow: @process;
  box-shadow: @process;
}

[SmetDenis]

Оригинальный less был разработан на JS и поддерживал кастомные функции как свойства-стили.

PHP не умеет запускать JS код, потому что это другой язык, либо нужно это как то заворачивать через ноду (но зачем тогда нужен PHP).

 

Т.е переменная "@process:" компилироваться не будет, там вставлен голый JS