{property}{sides}}-{size}

Размер extra small (xs)
Применяется для телефонов.

{property}{sides}-sm-{size}

Размер small (sm)
Применяется для телефонов.
для ширины 576px и больше

{property}{sides}-md-{size}

размер medium (md)
Применяется для планшетов.
для ширины 768px и больше

{property}{sides}-lg-{size}

размер large (lg)
Применяется для мониторов на компьютере
для ширины 992px и больше

{property}{sides}-xl-{size}

размер extra large (xl)
Применяется для мониторов на компьютере
для ширины 1200px и больше

Вместо {property} необходимо указать первую букву названия отступа
m - margin (внутренний отступ)
p - padding (внешний отступ)

Вместо {sides} необходимо указать сторону
t - отступ только сверху
b – отступ только снизу
l – отступ только слева
r – отступ только справа
x – отступ слева и справа
y – отступ сверху и снизу
- то есть пусто отступ будет установлен для всех cторон элемента слева справа сверху снизу

Вместо {size} необходимо задать величину отступа
0 (это 0);
1 (это $spacer * .25);
2 (это $spacer * .5);
3 (это $spacer);
4 (это $spacer * 1.5);
5 (это $spacer * 3);
auto можно использовать только для margin.