0

Twitter Bootstrap を使用し、ユーザーが好みの Bootswatch テーマを選択できるようにする PHP アプリケーションがあります。アプリケーションには、データグリッド (テーブル thead tbody tfoot) を構築するための PHP クラスがありますが、<td>要素内で に挿入され<small>、次に を削除し、<small>CSS を使用することにしました。

td { font-size:0.85em; vertical-align: middle !important; }

ただし、変数の少ない @font-size-small を使用するいくつかの Bootswatch テーマがあり、データグリッドでこの変数を再利用したいと考えています。つまり、ユーザーが Bootswatch テーマを選択すると、データグリッドのフォント サイズがテーマに基づいて調整されます。によって明示的に定義されていないfont-size:0.85em;

ありがとう！

4

1 に答える 1

1

これを行うにはいくつかの方法があります。そのうちの 1 つは、ボディまたはコンテナーでクラスを指定して、選択されているテーマのスタイルを変更することです。

このような：

body.theme1 {
  font-size: 0.85em;
}

body.theme2 {
  font-size: 1.25em;
}

または LESS/SASS で:

body.theme1 {
  font-size: @font-size-small;
}

body.theme2 {
  font-size: @font-size-small-theme2;
}
于 2016-08-16T14:21:46.947 に答える