【问题标题】:is there a way to use 960 and compass with sproutcore?有没有办法将 960 和指南针与 sproutcore 一起使用?
【发布时间】:2011-05-28 07:03:08
【问题描述】:

有没有办法做到这一点?我知道 Compass 可以在 sproutcore 中使用,但我也想使用 960 指南针插件。我在我的 app.css 中尝试了 dong import "960/grid" 但它一直抛出错误

【问题讨论】:

    标签: sproutcore 960.gs compass-sass


    【解决方案1】:

    嗯,有一种方法可以工作,但我不确定是否有更清洁的解决方案。我刚刚使用 sproutcore 1.6 和车把模板设置了一个测试项目

     # sc-init MyTest --template
    

    并在 apps/MyTest/resources/stylesheets 中添加了一个额外的“test_960.scss”文件,内容如下

     @import "960/grid";
    
     $ninesixty_columns: 16;
    
     #wrapper {
          @include grid_container;
          background-color: red;
     }
    

    但是,这不起作用,因为 sc-server 无法检测到 960 指南针插件。如果您使用 -v 标志运行 sc-server 以获取调试输出,则可以轻松发现这一点。你会发现这样的异常

     Sass::SyntaxError: File to import not found or unreadable: 960/grid.
     Load paths:
          /Users/myuser/.rvm/gems/ruby-1.9.2-p180/gems/compass 0.11.3/frameworks/blueprint/stylesheets
          /Users/myuser/.rvm/gems/ruby-1.9.2-p180/gems/compass-0.11.3/frameworks/compass/stylesheets
          Compass::SpriteImporter
          [...]
    

    问题是,960 compass 插件没有安装在 gems/compass 0.11.3/frameworks 中,而是安装在 gems/compass-960-plugin-0.10.3 中时间>。您可以这样做,就是在框架目录中创建一个符号链接,就像这样

     # cd gems/compass 0.11.3/frameworks
     # ln -s ../../compass-960-plugin-0.10.3 960
    

    停止并重新启动 sc-server,上面的示例将立即运行。

    我不知道这对其他基于指南针的应用程序是否有任何不良影响。如前所述,它适用于sproutcore,但我没有时间进一步测试它。这也适用于其他插件。此外,当您构建最终应用程序时,我没有测试它是否也能正确编译。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-11-23
      • 1970-01-01
      • 2020-11-05
      • 1970-01-01
      • 2018-03-15
      • 2016-11-01
      • 1970-01-01
      • 2018-09-07
      相关资源
      最近更新 更多