Как установить базовый размер шрифта в Bulma CSS для адаптивного дизайна
Просматривая Документация Bulma.io, я не могу найти, как установить базовый размер шрифта для адаптивного дизайна.
Согласно этот раздел по установке начальных переменных, мы можем установить начальное значение классов $size-1 и т. д. Однако я хочу установить самый базовый размер шрифта для адаптивного дизайна. Т.е. когда размер экрана составляет, скажем, 980 пикселей, базовый размер шрифта должен быть 12 пикселей вместо стандартных 16 пикселей. Поскольку вышеупомянутые классы шрифтов «$ size-1» относятся к rem, они также автоматически изменят размер.
Итак, мой вопрос: можно ли установить базовый размер шрифта для адаптивного дизайна в Bulma? Или мне нужно вручную изменить размеры классов $size-1 и т. д.
Спасибо
Ответы 2
Добавьте это после импорта файлов Bulma SASS.
html {
font-size: 12px;
@include tablet {
font-size: 16px;
}
@include desktop {
font-size: 20px;
}
}
Это переопределяет переменную $ body-size, но она используется только для установки html {font-size}, поэтому это не должно вызывать никаких проблем.
Вспомогательный класс называется
body-sizeв разделе «Общие переменные». Смотрите это: bulma.io/documentation/customize/variables/#generic-variable s и также это: github.com/jgthms/bulma/issues/1963