Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Ошибка в LESS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

wwwww



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
less 1.7.0
 

Код:
 
@iterations: 10;
 
 
.loop (@index) when (@index > 0) {
  @val: 100/@iterations*@index;
   
 (~"@-webkit-keyframes loading-@{index} {@{newline}@{val}%") {  
        -webkit-filter: blur(0);  
        -webkit-transform: scale(1.2);
  }
 
  .loop(@index - 1);
}
 
.loop (0) {}
 
.loop (@iterations);
 

 
 
запускаю и ловлю ошибку:
 
ParseError: Unrecognised input
 
in styles.less on line 4, column 7:
4   .loop (@index) when (@index > 0) {
 
5   @val: 100/@iterations*@index;
 
Кто-нить может подсказать что ему не нравится?

Всего записей: 323 | Зарегистр. 26-12-2003 | Отправлено: 14:48 06-05-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
wwwww
ругается в таком месте, что либо нужно убрать пробел перед (, либо там есть непечатаемый символ.


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:10 07-05-2014
wwwww



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
написал строку заново (пробовал даже в другом редакторе) - тоже самое
 
 
закомментировал
Код:
 (~"@-webkit-keyframes loading-@{index} {@{newline}@{val}%") {  
и закрывающую фигурную скобку - ошибка исчезла. Может, в этой строке косяк?
 
кроме того нет ли в этом выражении
Код:
{@{newline}@{val}%
лишней фигурной скобки?

Всего записей: 323 | Зарегистр. 26-12-2003 | Отправлено: 14:31 08-05-2014 | Исправлено: wwwww, 14:50 08-05-2014
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
беру пример с оффсайта:

Код:
<script type = 'text/javascript'>
less = { functions: { myfunc: function() { return 1; }} };
</script>
 
<style type='text/less'>
.my-class {
  border-width: unit(myfunc(), px);
}
</style>
 
<script type='text/javascript' src='less.js'></script>

ошибка

Код:
Uncaught exception: Error: error evaluating function `unit`: the first argument to unit must be a number
 
Error thrown at line 622, column 7 in <anonymous function>(options, variables) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    throw new (LessError)(e, env);
called from line 7412, column 7 in <anonymous function>(e, cssAST) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    var css = cssAST.toCSS(less);
called from line 677, column 7 in <anonymous function: parse>(e) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    return callback(null, root);
called from line 6258, column 5 in <anonymous function: run>(root) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    this._finish(error);
called from line 681, column 5 in <anonymous function: parse>(str, callback, additionalData) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    new tree.importVisitor(this.imports, finish).run(root);
called from line 7422, column 4 in loadStyles(modifyVars) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    new (less.Parser)(env).parse(lessText, callback, {
called from line 7756, column 2 in <anonymous function: less.refresh>(reload, modifyVars) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    loadStyles(modifyVars);
called from line 7760, column 1 in <anonymous function>(window, undefined) in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    less.refresh(less.env === 'development');
called from line 11, column 0 in file://localhost/D:/share/outwiker/styles/wiki/test-less/less.js:
    (function(window, undefined) {

в чем проблема с этими юзер-функциями?
 
PS.
less 1.7.4
opera 12.14
 
пытался отладить код less - ни фига не понял.
 
PS2.
с данной фигней разобрался. Дока на оффсайте для этой темы была старая. Сейчас дока исправлена.

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 04:13 03-08-2014 | Исправлено: unreal666, 18:17 07-09-2014
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В браузерном less можно юзать пользовательские ф-и:

Код:
less = { functions:  {
    tolowercase: function(o) {
        return o instanceof less.tree.Quoted ?  
            new(less.tree.Quoted)(o.quote, o.value.toLowerCase(), o.escaped, o.index, o.currentFileInfo) :
            o;
    }
}
 

а как подобные ф-и юзать для less-файлов, компилируемых с помощью node.js ?

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 18:19 07-09-2014 | Исправлено: unreal666, 18:21 07-09-2014
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
разобрался. можно сделать с помощью хака типа

Код:
@tolowercase: ~`tolowercase = function(o) { return o.toLowerCase(); }`;
 
.mixin-color(@name, @color) {
    @name2: ~`tolowercase("@{name}")`;
    &-@{name}, &-@{name2} { color: @color; }
}

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 20:43 07-09-2014
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
может кто подскажет насчёт less/sass что это такое JS/css и пару хороших примеров?
 
заранее спасибо

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 06:03 10-08-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
less/sass  

шаблонных "движок" для css, требует серверной части для преобразования шаблона в готовый css стиль.
https://ru.wikipedia.org/wiki/LESS_(язык_стилей)
https://ru.wikipedia.org/wiki/Sass

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 06:10 10-08-2018 | Исправлено: Mavrikii, 06:10 10-08-2018
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Ошибка в LESS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru