Конкатенация строк в Less

Я думаю, что это невозможно, но я думал, что попрошу, если есть способ. Идея состоит в том, что у меня есть переменная для пути к папке веб-ресурсов:

@root: "../img/"; @file: "test.css"; @url: @[email protected]; .px { background-image: url(@url); } 

Я получаю это в результате:

 .px { background-image: url("../img/" "test.css"); } 

Но я хочу, чтобы строки объединялись в одну строку следующим образом:

 .px { background-image: url("../img/test.css"); } 

Можно ли объединить строки вместе в Less?

Использовать переменную интерполяцию :

 @url: "@{root}@{file}"; 

Полный код:

 @root: "../img/"; @file: "test.css"; @url: "@{root}@{file}"; .px{ background-image: url(@url); } 

Как вы можете видеть в документации , вы можете использовать интерполяцию строк также с переменными и простыми строками вместе:

 @base-url: "http://assets.fnord.com"; background-image: url("@{base-url}/images/bg.png"); 

Я искал такой же трюк для обработки изображений. Я использовал mixin, чтобы ответить на это:

 .bg-img(@img-name,@color:"black"){ @base-path:~"./images/@{color}/"; background-image: url("@{base-path}@{img-name}"); } 

Затем вы можете использовать:

 .px{ .bg-img("dot.png"); } 

или

 .px{ .bg-img("dot.png","red"); } 

Не знаю, используете ли вы less.js или lessphp (например, в плагине WP-Less для WordPress), но с помощью lessphp вы можете «unquote» строки с помощью:: http://leafo.net/lessphp/docs/#string_unquoting

Для тех строковых значений единицы, как 45deg в transform: rotate(45deg) используют функцию unit(value, suffix) . Пример:

 // Mixin .rotate(@deg) { @rotation: unit(@deg, deg); -ms-transform: rotate(@rotation); transform: rotate(@rotation); } // Usage .rotate(45); // Output -ms-transform: rotate(45deg); transform: rotate(45deg); 

Использование Drupal 7. Я использовал обычный знак плюс, и он работает:

 @images_path+'bg.png' 
  • Почему веб-страницы иногда появляются как обычный HTML перед обновлением
  • Веб-хостинг дома на старом оборудовании
  • Откройте прямой файл на жестком диске из Firefox (файл: ///)
  • Для чего же Spring Framework?
  • Скребок сети супермаркетов Аргентины
  • Прокрутите каждую таблицу на веб-странице javascrape с помощью макроса VBA
  • Извлечение данных с карты
  • Как подключиться через HTTPS с помощью Jsoup?
  • Chrome: выбор ссылки путем выполнения поиска по ее тексту.
  • Как я могу улавливать и обрабатывать данные из ответов XHR с помощью casperjs?
  • curl Request с ASP.NET
  • Давайте будем гением компьютера.