Меньше Предотвратить меньше от добавления относительного URL - PullRequest
8 голосов
/ 22 января 2012

Я использую dotLess в проекте MVC и не могу добавить URL-адреса ('') из импортированных файлов поменьше.

У меня следующий код меньше:

@myvar : '../../';

body
{
    background-image:url('@{myvar}chosen-sprite.png');
}

Какойгенерирует следующий CSS в главном файле .less, что правильно:

body {
    background-image: url('../../chosen-sprite.png');
}

Проблема заключается в том, что если я переместлю этот код во второй файл .less в другой папке, а затем импортирую этот файл изосновной файл меньше.Например:

@import 'myFolder/mySecondfile.less

Теперь сгенерированный CSS выглядит следующим образом:

body {
    background-image: url('myFolder/../../chosen-sprite.png');
}

Есть ли способ предотвратить отображение этого myFolder?Я знаю, что мог бы просто написать абсолютный путь, но это означало бы изменение адреса каждый раз, когда корень сайта (что часто происходит во время тестирования).

Спасибо

Ответы [ 2 ]

9 голосов
/ 30 августа 2012

Я не уверен, что вы когда-нибудь получили ответ на этот вопрос, но вы могли бы избежать строки.

.body {
  background-image: ~"url('chosen-sprite.png')";
}

Обратите внимание на тильду и кавычки, окружающие весь аргумент url стиля.Если вы хотите узнать больше об этом, посмотрите String Interpolation и Escaping Strings .

0 голосов
/ 04 июня 2012

Вы должны попытаться изменить переменную на @myVar: './../../'

...