css - Ruby on Rails 从 View 中更改 sass 变量

Question

我想从 View 中更改 bootstrap sass 变量，我已经尝试了内部 css，但它不起作用:

<% if current_user.admin == true%>
    <!-- Change sass variables-->
 <% else %>
    <!-- use default sass variables -->
 <% end %>

Answer 1

不能在 erb 模板上更改 SASS 变量。一种方法是在 SASS mixin 的帮助下为每个 if .. else 情况定义不同的 CSS 类。例如:

SASS 规则:

$default-color: #666;
$admin-color: #333;


@mixin common-style($color) {
  color: $color;
  padding: 10px;
  border: 1px solid black;
}

.default-div {
  @include common-style($default-color)
}

.admin-div {
  @include common-style($admin-color)
}

然后，在您的 View 文件中:

<% if current_user.admin == true%>
    <!-- use admin CSS -->
    <div class='admin-div'>
    </div>
 <% else %>
    <!-- use default CSS rules -->
    <div class='default-div'>
    </div>
 <% end %>