Начальная загрузка как наследовать переменную font-size-small?

Question

У меня есть PHP-приложение, которое использует Twitter Bootstrap и позволяет пользователю выбрать предпочитаемую тему Bootswatch. В приложении есть класс PHP для построения сетки данных (таблица thead tbody tfoot), однако внутри <td> элемент был вставлен в <small>затем удалил <small> и решили использовать CSS.

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

Однако некоторые темы Bootswatch используют менее переменную @font-size-small, и я бы хотел, чтобы моя таблица данных повторно использовала эту переменную, другими словами, когда пользователь выбирает тему Bootswatch, размер шрифта сетки данных будет корректироваться в зависимости от темы. и не определено явно font-size:0.85em;

Спасибо!

Answer 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;
}