Как установить базовые размеры шрифта в Bulma CSS для адаптивного дизайна - PullRequest
Новая
       50

Как установить базовые размеры шрифта в Bulma CSS для адаптивного дизайна

0 голосов
/ 02 октября 2018

Просматривая документацию Bulma.io , я не могу найти, как установить базовый размер шрифта для адаптивного дизайна.

Согласно этому разделу о настройке начальных переменных, мы можем установить начальное значение классов $size-1 и т. Д. Однако я хочу установить базовый размер шрифта для отзывчивого дизайна.Т.е. когда размеры экрана, скажем, 980px, базовый размер шрифта должен быть 12px, вместо стандартного 16px.Поскольку вышеупомянутые классы шрифтов $ size-1 равны rem, они также автоматически изменят размер.

Итак, мой вопрос, возможно ли установить базовый размер шрифта для адаптивного дизайна в Bulma?Или я должен изменить размеры классов $size-1 и т. Д. Вручную.

Спасибо

1 Ответ

0 голосов
/ 23 ноября 2018

Добавьте это после импорта файлов Bulma SASS. 

html {
  font-size: 12px;
  @include tablet {
    font-size: 16px;
  }
  @include desktop {
    font-size: 20px;
  }
}

Это переопределяет переменную $ body-size, но используется только для установки html {font-size} , поэтомуне вызывает никаких проблем.

...