{property}{sides}}-{size}

Size extra small (xs)
Applies to phones.

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

Size small (sm)
Applies to phones.
for width 576px and more

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

size medium (md)
It is used for tablets.
for width 768px and more

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

size large (lg)
Applies to computer monitors
for width 992px and more

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

size extra large (xl)
Applies to computer monitors
for width 1200px and more

Instead of {property} you must specify the first letter of the indentation name
m - margin (inner indentation)
p - padding (External indentation)

Instead of {sides} you must specify the side
t - indent only above
b – indent only from below
l – indent only left
r – indent only right
x – indentation left and right
y – indentation above and from below
- that is, an empty indent will be set for all parties of the element left right above from below

Instead of {size} you need to set the amount of indentation
0 (This is 0);
1 (This is $spacer * .25);
2 (This is $spacer * .5);
3 (This is $spacer);
4 (This is $spacer * 1.5);
5 (This is $spacer * 3);
auto can only be used for margin.