首页 文章

如何配置SASS以将特定样式表编译为单独的桌面和移动版本

提问于
浏览
0

我和Sass一起运行Rails 3.1 . 我现在需要将样式表分为移动版和桌面版 . 默认情况下,sass-rails将我的assets / stylesheets / path中的每个.scss文件压缩到一个application.css文件中 .

相反,我想明确告诉Sass将scss文件X编译成mobile.css并将Y&Z文件导入desktop.css

这是通过config.sass值完成的吗?我真的很感激这一方面的帮助 .

2 回答

  • 0

    通常你<%= stylesheet_link_tag:application%>

    而application.scss看起来像:

    *= require_self
    *= require_tree
    

    而不是链轮's manifest for require files, use sass'包括 . 要仍然使用application.scss,请删除行 *= require_tree

    所以<%= stylesheet_link_tag:mobile%>

    /app/assets/stylesheets/mobile.scss

    @import "bootstrap/bootstrap.scss";
    @import "typography.scss";
    body {
      padding-top: 60px;
    }
    

    你也会为desktop.scss做同样的事情 . 注意:您必须手动添加要导入的每个文件 .

  • 0

    使用响应设计而不是服务器端检查!更先进/更好的方法 . 另外,您的http请求会感谢您!

    http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    或者编写一个检查用户代理的方法(我假设你已经这样做了)并将条件化'加载你的风格

相关问题