Использование twitter bootstrap с конвейером ресурсов rails и не только

Как правильно интегрировать гем twitter-bootstrap-rails с конвейером ресурсов?

Я выполнил шаги установки, и в настоящее время у меня есть этот application.css

 *= require_self
 *= require bootstrap_and_overrides

А затем в bootstrap_and_overrides.css.less я импортирую таблицы стилей других контроллеров, чтобы заставить их работать с моими переменными, определенными в файле переопределений, и иметь возможность использовать примеси начальной загрузки в таблицах стилей, специфичных для контроллера, в <controller-name>.css.less файлах. В настоящее время я делаю это:

# in bootstrap_and_overrides.css.less
// generated code ...
// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/less.html for their names and documentation
//
// Example:
// @linkColor: #ff0000;
@linkColor: #ff0000;

// import all other stylesheets
@import 'home.css.less';
@import 'users.css.less';
// and so on, once for every controller

// in home.css.less
#foobar {
    .border-radius(30px); // bootstrap mixin
    color: @linkColor;    // inherited variable 
}

Однако таким образом я теряю конвейер ресурсов и больше не вижу отдельные таблицы стилей в режиме разработки. Есть ли способ заставить twitter-bootstrap-rails работать со звездочками?


person Fabio    schedule 23.04.2012    source источник


Ответы (1)


Подумайте, что эта проблема на github объясняет ваш вопрос. (Я знаю, что это для дерзости, но объяснение в любом случае должно быть действительным)

Короче говоря, использование sprockets будет компилировать каждый файл отдельно, что означает, что вы не можете использовать переменные и миксины, определенные платформой начальной загрузки Twitter. Так что думаю ответа нет :)

person iverds    schedule 23.04.2012