Jump to content



Toggle %s Welcome to JBZoo community !

English: Please, sign in for contact JBZoo techsupport. Accesses in your Email, which came after the purchase.

Russian: Для того чтобы обратиться в русскую техническую поддержку JBZoo — авторизуйтесь с помощью доступов, которые пришли к вам в письме после покупки. Внимание! Доступ туда имеют только тарифы со знаком «плюс». Подписки JBZoo без "+" форум расценивает как забаненные, поэтому для общения в публичном разделе используйте отдельный аккаунт (легко зайти через социальную сеть). Если форум вас не пускает, почистите куки браузера


Photo
- - - - -

Использование lesshat


3 replies to this topic

#1 Sliapy

Sliapy
  • JBZoo Partner
  • User rate: 51.3
  • posts: 6390
  • topics: 14

Posted 13 July 2016 - 13:42

Почему-то при подключении в 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... :( */;

 


  • 0
Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.

#2 Evgeny_M

Evgeny_M
  • JBZoo User (rus)
  • User rate: 10.9
  • posts: 136
  • topics: 14

Posted 13 July 2016 - 14:31

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


  • 0

#3 Sliapy

Sliapy
  • Topic Starter
  • JBZoo Partner
  • User rate: 51.3
  • posts: 6390
  • topics: 14

Posted 13 July 2016 - 15:49

Да просто в 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;
}

  • 0
Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.

#4 SmetDenis

SmetDenis
  • Administrators
  • User rate: 137.9
  • posts: 16219
  • topics: 199

Posted 18 July 2016 - 07:53

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

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

 

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


  • 0
Есть вопрос — создайте СВОЮ новую тему!

— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.





Click to return to top of page in style!