2

我正在尝试将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/
*/

关于如何解决这个问题的任何想法？

更新： 我通过以正确的顺序手动加载 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