如何在rails应用程序中使用SASS或更少的混合器？

Question

我用引导-sass (https://github.com/thomas-mcdonald/bootstrap-sass) 在我的应用程序中实现了twitter-3，但是我无法使用这个方法使用来自http://bootswatch.com/的主题(因为它不提供css文件)。

然后，通过删除创业板，并仅使用直接从twitter-网站下载的CSS文件，最终成功地从bootswatch 安装了主题。(我遵循了本教程：http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/ )。到目前为止，它工作得很好，但是我遇到了本文http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html，并决定通过使用引导混合程序来改进我的代码。

我发现这种方法非常有趣，我想在我的项目中使用它：

article {
  .makeRow();

  section.main {
    .makeColumn(10);
  }

  aside {
    .makeColumn(2);
  }
}

考虑到我所说的使用没有宝石的主题，我怎么能使用更少或更少的混合呢？

编辑

除了手动编译更少的代码之外，没有其他方法了吗？(正如Bass Jobsen所建议的)因为这真的不方便。

Answer 1

您必须编译较少的代码。使用你的Twitter的引导3下载的更少的文件。

将上面显示的较少代码添加到bootstraps.less中，使用较少的编译器(一些示例http://lesscss.org/#usage或https://github.com/twitter/recess)将其编译到bootstrap.css中，并将该文件复制到vendor/assets/目录中。

还请参阅：How can I create multiple rows using semantic markup in Bootstrap 3?和注意，makeRow和makeColumn在您的示例代码中都不是当前引导包发行版的有效混合器。

你的问题是愚蠢的，或者更少，所以我回答得更少。我希望你也能对SASS做同样的事。通过阅读：https://github.com/thomas-mcdonald/bootstrap-sass#sass，它认为您应该将bootstrap-and-overrides.css.scss导入到app/assets/stylesheets/bootstrap-custom.scss中