Я недавно обновил версию Bootstrap нашего проекта до последней (4.3.1). Одна из новых функций в этой версии - RFS (https://github.com/twbs/rfs).. Я импортирую весь Bootstrap через node_modules. Я не модифицировал RFS-миксин. Я использую версию, поставляемую с Bootstrap 4.3. .1 настроено по умолчанию. Bootstrap прекрасно компилируется, за исключением этой конкретной проблемы RFS.
RFS предназначен для генерирования медиазапроса (по умолчанию 1200px), ниже которого порог автоматически уменьшает размер шрифта.
Этот медиа-запрос не генерируется в моей текущей среде. Это большой проект с множеством зависимостей, и я довольно много стреляю в темноту, пытаясь придумать сокращенный тестовый пример. Я понимаю, что это делает помощь мне в этом вопросе очень трудной, если не невозможной. Но я в этом отчаялся.
Кроме того, я вполне уверен (скажем, на 90%), что это проблема me , а не проблема RFS, но я не смог решить проблему.
Я вызываю миксин следующим образом:
.my-test {
@include rfs(3rem);
}
Обратите внимание, что этот размер шрифта больше минимального размера шрифта 1,25 об. Или ниже, при котором масштабирование не будет выполняться. Так что это не проблема.
Я также пытался вызвать псевдонимы mixin:
.my-test {
@include responsive-font-size(3rem);
}
и
.my-test {
@include font-size(3rem);
}
Я пробовал это с rem, px и значениями без единиц измерения.
Миксин определенно распознается и на полпути работает. Т.е. он компилируется в обычный CSS без заминки.
Итак, приведенный выше код действительно генерирует следующий CSS:
.my-test {
font-size: 3rem;
}
Но, опять же, миксин не генерирует медиазапрос (на 1200px) в моей текущей среде, и, таким образом, масштабирование вниз не происходит ниже порога 1200px.
При ширине экрана ниже 1200px я ожидаю увидеть что-то похожее на следующее:
@media (max-width: 1200px) {
.my-test {
font-size: calc(1.525rem + 3.3vw);
}
}
Но, без кубиков.
Опять же, я никоим образом не изменил конфигурацию миксина RFS по умолчанию, и он , кажется, работает наполовину, так как компилируется в CSS.
Попробовал в среде моего коллеги, и он получил те же результаты. Но это ожидаемо, так как у нас довольно похожие локальные среды, я полагаю.
Может кто-нибудь указать мне направление, чтобы попытаться разобраться в этом?