Переменные контрольных точекlink

Для каждой контрольной точки используется переменная, что позволяет легко изменять их значения централизованно. Контрольные точки адаптированы из Bootstrap с учётом следующих условий:

• Размер контрольной точки должен соответствовать системе размеров фреймворка.
• Значения контрольных точек делятся на 12 без остатка (при 1rem = 16px) для поддержания 12-колоночной системы.

Переменные контрольных точек:

Переменная	Значение	Размер
--sf-breakpoint-sm	--sf-g8	576px
--sf-breakpoint-md	--sf-h2	768px
--sf-breakpoint-lg	--sf-h5	960px
--sf-breakpoint-xl	--sf-h8	1152px
--sf-breakpoint-xxl	--sf-i2	1536px