Как включить (статический) шаблон начальной загрузки в конвейер ресурсов rails? - PullRequest
Новая
       32

Как включить (статический) шаблон начальной загрузки в конвейер ресурсов rails?

1 голос
/ 29 марта 2012

Я делаю домашнюю страницу с помощью twitter bootstrap, rails 3.2.1 и twitter-bootstrap-rails gem (https://github.com/seyhunak/twitter-bootstrap-rails).

Хотел попробовать другой вид, отличный от классического твиттера, и нашел отличный шаблон "United" на bootswatch.com.

Я скачал четыре файла (bootstrap.css / bootstrap.min.css / variables.less / bootswatch.less).

Как я могу включить эти файлы в конвейер ресурсов?

Вот список из моего каталога app / assets (файлы создаются с помощью twitter-bootstrap-rails gem). 

/images/rails.png
/javascripts/application.js
/javascripts/bootstrap.js.coffee
/javascripts/products.js.coffee
/stylesheets/application.css
/stylesheets/bootstrap_and_overrides.css.less

Понятия не имею.

Ответы [ 3 ]

2 голосов
/ 29 марта 2012

Я использую тот же самый гем (bootstrap-sass-rails) и иногда я загружаю пользовательские темы из bootswatch.Мой подход довольно прост:

  • Я загружаю только файл variables.less, проверяю, какие переменные мне нужны (цвета, шрифты и т. Д.), Затем конвертирую их в синтаксис SCSS

  • ПОСЛЕ переменных, определенных выше, я использую синтаксис SCSS (вместо // = require), чтобы требовать компоненты начальной загрузки (обычно вам не нужны все пакеты)

вот краткий пример: 

// Navbar
$navbarBackground:                #DD4814;
$navbarBackgroundHighlight:       #CE4213;
// other vars...

@import "twitter/bootstrap/variables";
@import "twitter/bootstrap/mixins";
@import "twitter/bootstrap/reset";
@import "twitter/bootstrap/scaffolding";
@import "twitter/bootstrap/grid";
@import "twitter/bootstrap/layouts";
// etc...

таким образом, вы получите более компактный CSS и больше возможностей для его настройки.

1 голос
/ 29 марта 2012

Если вы проверяете систему установки bootswatch, вам просто нужно загрузить bootstrap.min с веб-сайта, поэтому добавьте его в application.css 

//= require bootstrap.min.css

Вы также можете удалить все требования начальной загрузки.

0 голосов
/ 06 августа 2013

Этот драгоценный камень также использует меньше, но был сделан, чтобы упростить интеграцию пользовательских шаблонов начальной загрузки Twitter:

https://github.com/scottvrosenthal/twitter-bootswatch-rails

...