Вопросы Теги

Meteor, как использовать несколько файлов.less

Я пытается использовать два файла.less в приложении Meteor. Все файлы находятся в одной папке приложения Meteor. У меня есть один файл.less, который определяет общий вид пользовательского интерфейса -и -ощущение

В ui.less:

.ui-gradient-topdown(@from, @to) {  
   background-color: @from; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0% 0% 100%, from(@from), to(@to));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, @from, @to); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, @from, @to);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, @from, @to);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, @from, @to);
}

В myapp.less

@import "ui";

html {
    min-height: 100%;
    min-width: 320px;
}

body {
 .ui-gradient-topdown(#000, #FFF);
}

#new_message_input {
  background: #F00; 
  overflow: scroll;
}

Однако на странице, которую обслуживает Meteor, я получаю:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="/ui.less.css">

 ... more stuff below...

Таблица стилей myapp.less не импортируется?

Я хочу иметь файл app.less, который может импортировать различные миксины.less файлов. Как лучше всего это сделать?

17
задан Josh Petitt 4 May 2012 в 03:11
поделиться