Rails 3.1: как включить oocss CSS-фреймворк - PullRequest
2 голосов
/ 31 мая 2011

Я пытаюсь загрузить структуру OOCSS в мое новое приложение Rails 3.1. До сих пор я клонировал проект в / vendor / assists / stysheets / oocss и пытался извлечь проект из /app/assists/stylesheets/application.css

/*
 * FIXME: Introduce SCSS & Sprockets
 *= require ../../../vendor/assets/stylesheets/oocss/all
 *= require_self
 *= require_tree .
*/

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

@import url("core/core.css");
@import url("plugins/plugins.css");
/*
 * FIXME: Introduce SCSS & Sprockets
*/
/* 
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
  You can use Sass (SCSS) here: http://sass-lang.com/
*/
/* 
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
  You can use Sass (SCSS) here: http://sass-lang.com/
*/
/* 
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
  You can use Sass (SCSS) here: http://sass-lang.com/
*/

Есть идеи, как это осуществить?

UPDATE: Я сделал грязный обходной путь, вручную загрузив файлы CSS в правильном порядке.

Приложение / активы / таблицы стилей / application.css

/*
 * FIXME: Introduce SCSS & Sprockets
 *= require ../../../vendor/assets/stylesheets/oocss
 *= require_self
 *= require_tree .
*/

поставщика / активы / таблицы стилей / oocss.css.scss

/*
 * Core 
 *= require ../../../vendor/assets/stylesheets/oocss/core/libraries.css
 *= require ../../../vendor/assets/stylesheets/oocss/core/template/template.css
 * require ../../../vendor/assets/stylesheets/oocss/core/template/template_debug.css

 *= require ../../../vendor/assets/stylesheets/oocss/core/grid/grids.css
 * require ../../../vendor/assets/stylesheets/oocss/core/grid/grids_debug.css

 *= require ../../../vendor/assets/stylesheets/oocss/core/module/mod.css
 *= require ../../../vendor/assets/stylesheets/oocss/core/module/mod_skins.css
 * require ../../../vendor/assets/stylesheets/oocss/core/module/mod_debug.css

 *= require ../../../vendor/assets/stylesheets/oocss/core/media/media.css
 * require ../../../vendor/assets/stylesheets/oocss/core/media/media_debug.css

 *= require ../../../vendor/assets/stylesheets/oocss/core/content.css
 *= require ../../../vendor/assets/stylesheets/oocss/core/heading/heading.css
 *= require ../../../vendor/assets/stylesheets/oocss/core/spacing/space.css

 *= require ../../../vendor/assets/stylesheets/oocss/core/table/table.css
 *= require ../../../vendor/assets/stylesheets/oocss/core/table/table_skins.css
 * require ../../../vendor/assets/stylesheets/oocss/core/table/table_debug.css

 * Plugins
 *= require ../../../vendor/assets/stylesheets/oocss/plugins/breadcrumb/breadcrumb.css
 *= require ../../../vendor/assets/stylesheets/oocss/plugins/tabs/tabs.css
 *= require ../../../vendor/assets/stylesheets/oocss/plugins/talk/talk.css
 *= require ../../../vendor/assets/stylesheets/oocss/plugins/talk/talk_skins.css
*/

С наилучшими пожеланиями. Асбьорн Морелл

...