Префиксы для контрольных точекlink

Для использования контрольных точек в модификаторах SIMAI применяется система префиксов:

Префикс Значение Размер
нет <--sf-breakpoint-sm <576px
sm ≥--sf-breakpoint-sm ≥576px
md ≥--sf-breakpoint-md ≥768px
lg ≥--sf-breakpoint-lg ≥960px
xl ≥--sf-breakpoint-xl ≥1152px
xxl ≥--sf-breakpoint-xxl ≥1536px

Примеры использования:

  • md:p-1 — отступ p-1 активируется на экранах шириной от 768px.
  • lg:bg-primary — устанавливает фоновый цвет bg-primary на экранах от 960px.
  • xxl:max-width-80 — задаёт максимальную ширину контейнера на экранах от 1536px.