2

新しい Rails 3.1 アプリケーションにOOCSSフレームワークをロードしようとしています。これまでのところ、プロジェクトを /vendor/assists/stysheets/oocss に複製し、/app/assists/stylesheets/application.css からプロジェクトを取り込もうとしました

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

ただし、コンパイルされた css ファイルには他のファイルをロードする必要がある 2 行しか含まれていないため、これは適切に機能しません。

@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/
*/

これをやってのける方法についてのアイデアはありますか?

更新: 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
*/

よろしくお願いします。アスビョルン・モレル

4

0 に答える 0