ruby-on-rails - Sassでborderの有無を指定する

Question

Rails 3.1 を使用しており、設定できる Sass 変数 (またはその他の手法) が必要です。

$show_border: border: 1px solid black;

そしてレイアウトピースで

.info{
  $show_border
  width: 600px;
  display:inline-block;
  float:left;
}

レイアウトを確認し、一元的にオン/オフできるようにします。クロスブラウザでは機能しないため、border を 0 に設定することはできません。これを行う簡単な方法はありますか？

どうも

Answer 1

必要に応じて、ミックスインとして実行できます。

@mixin show_border {
  border: 1px solid black;
}

.info {
  @include show_border;
}

または、JavaScript で (つまり、ブックマークレットから) 行うこともできます。

$(".info").css({ border: "1px solid black" }); // with jQuery

// Without jQuery (in modern browsers)
Array.prototype.slice.call(document.getElementsByClassName("info"), 0).forEach(function (element) {
  element.style.border = "1px solid black";
});