Как использовать SASS или LESS mixins в приложении для рельсов?

Question

Я реализовал твиттер-самозагрузку 3 в моем приложении с самозагрузки-дерзостью (https://github.com/thomas-mcdonald/bootstrap-sass) , но я не был в состоянии использовать тему из http://bootswatch.com/ с помощью этого метода (поскольку он не обеспечивает файлы CSS).

Тогда я, наконец, удалось установить тему из bootswatch , удалив камень, и используя только CSS файлы, загруженные непосредственно из твиттер-начальной загрузки веб-сайта. (Я следовал этому руководству: http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/). Он отлично работал до сих пор, но я столкнулся с этой статьей http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html и решил улучшить свой код, используя загрузочный файл mixins.

Я нашел этот подход очень интересно, и я хотел бы использовать его в моем проекте:

article { 
    .makeRow(); 

    section.main { 
    .makeColumn(10); 
    } 

    aside { 
    .makeColumn(2); 
    } 
} 

Учитывая то, что я сказал об использовании темы без драгоценных камней, как я мог бы использовать МЕНЬШЕ или SASS mixins?

EDIT

Неужели нет другого пути, чем вручную скомпилировать LESS-код? (как предложил Басс Джессен), потому что это действительно не удобно.

Answer 1

Вам нужно будет скомпилировать ваш код меньше. Используйте меньше файлов загрузки Bootstrap 3 в Twitter.

Добавить меньше код, приведенный выше bootstraps.less, используйте меньше компилятор (некоторые примеры http://lesscss.org/#usage или https://github.com/twitter/recess) скомпилировать это bootstrap.css и скопировать этот файл в каталоге vendor/assets/.

Также смотрите: How can I create multiple rows using semantic markup in Bootstrap 3? и уведомление makeRow и makeColumn в вашем примере кода являются недопустимыми миксами текущего выпуска Bootstrap.

обновление Ваш вопрос был SASS или LESS, поэтому я отвечал «МЕНЬШЕ». Я ожидаю, что вы сможете сделать то же самое с SASS. Читая это: https://github.com/thomas-mcdonald/bootstrap-sass#sass это думаю, вы должны импортировать bootstrap-and-overrides.css.scss в app/assets/stylesheets/bootstrap-custom.scss