Разделение на мобильные и десктопные устройстваlink

Фреймворк также разделяет устройства на мобильные и десктопные в зависимости от ширины экрана. Контрольные точки до lg (960px) относятся к мобильным устройствам, а точки от lg и выше — к десктопным.

Переменные:

Переменная Значение Размер
--sf-breakpoint-desktop --sf-breakpoint-lg 960px
Контрольная точка Значение Размер
mobile <--sf-breakpoint-desktop <960px
desktop ≥--sf-breakpoint-desktop ≥960px

Этот подход позволяет чётко разделять стили для мобильных и десктопных устройств, упрощая разработку адаптивных интерфейсов.