SASS部分叠加取决于品牌

Question

我有一个支持多个品牌的应用程序，每个品牌都有自己的配色方案，徽标等。

基本SASS文件是相同的，但我有几个/brands/_brand.sass。假设我有一种方法来检测加载了哪个品牌，有没有办法在主样式表上加载特定的sass文件？

Answer 1

尽管您拥有相同的css / sass文件，但未来您可能需要为每个品牌设置特定设置，因此我更愿意为每个品牌创建布局并只使用它控制器：

class YourController < ApplicationController
  layout @brand # @brand = 'apple', 'ibm', ...
  #...
end

但如果您仍想要一个布局，那很简单：

<%= stylesheet_link_tag @brand %> # @brand = 'apple', 'ibm', ...

其中sass文件将是apple.sass，ibm.sass，...和@brand在您的控制器中是可变的。