Отступыlink

В новой системе отступов некоторые размеры были оптимизированы, а их количество сокращено, чтобы они стали более логичными и понятными. Теперь базовый размер (1) равен размеру шрифта по умолчанию (1rem), а меньшие значения представлены в долях, а большие — целыми числами.

Ниже приводится таблица с новыми переменными отступов для мобильных и десктопных устройств:

Переменная	Значение (mobile)		Значение (desktop)
--sf-space-0	--sf-0	0px	--sf-0	0px
--sf-space-1/4	--sf-a4	4px	--sf-a4	4px
--sf-space-1/3	--sf-a8	8px	--sf-a8	8px
--sf-space-1/2	--sf-a8	8px	--sf-b2	12px
--sf-space-1	--sf-b2	12px	--sf-b6	16px
--sf-space-2	--sf-b6	16px	--sf-c0	20px
--sf-space-3	--sf-b6	16px	--sf-c2	24px
--sf-space-4	--sf-c2	24px	--sf-c6	32px
--sf-space-5	--sf-c6	32px	--sf-d0	40px
--sf-space-6	--sf-c6	32px	--sf-d2	48px
--sf-space-7	--sf-d0	40px	--sf-d6	64px
--sf-space-8	--sf-d2	48px	--sf-e0	80px