Margin
The
margin property sets the margins for an element.|
m-{*}
|
Properties
|
|
|---|---|---|
m-0 |
margin: 0 |
0
|
m-2 |
margin: 0.125rem |
2px |
m-3 |
margin: 0.188rem |
3px |
m-4 |
margin: 0.25rem |
4px |
m-5 |
margin: 0.313rem |
5px |
m-6 |
margin: 0.375rem |
6px |
m-8 |
margin: 0.5rem |
8px |
m-10 |
margin: 0.625rem |
10px |
m-15 |
margin: 0.938rem |
15px |
m-20 |
margin: 1.25rem |
20px |
m-25 |
margin: 1.563rem |
25px |
m-30 |
margin: 1.875rem |
30px |
m-40 |
margin: 2.5rem |
40px |
m-50 |
margin: 3.125rem |
50px |
m-60 |
margin: 3.75rem |
60px |
m-70 |
margin: 4.375rem |
70px |
m-80 |
margin: 5rem |
80px |
m-100 |
margin: 6.25rem |
100px |
m-125 |
margin: 7.813rem |
125px |
m-150 |
margin: 9.375rem |
150px |
m-175 |
margin: 10.938rem |
175px |
m-200 |
margin: 12.5rem |
200px |
m-240 |
margin: 15rem |
240px |
m-280 |
margin: 17.5rem |
280px |
m-320 |
margin: 20rem |
320px |
|
mt-{*}
|
Properties
|
|
|---|---|---|
mt-0 |
margin-top: 0 |
0
|
mt-2 |
margin-top: 0.125rem |
2px |
mt-3 |
margin-top: 0.188rem |
3px |
mt-4 |
margin-top: 0.25rem |
4px |
mt-5 |
margin-top: 0.313rem |
5px |
mt-6 |
margin-top: 0.375rem |
6px |
mt-8 |
margin-top: 0.5rem |
8px |
mt-10 |
margin-top: 0.625rem |
10px |
mt-15 |
margin-top: 0.938rem |
15px |
mt-20 |
margin-top: 1.25rem |
20px |
mt-25 |
margin-top: 1.563rem |
25px |
mt-30 |
margin-top: 1.875rem |
30px |
mt-40 |
margin-top: 2.5rem |
40px |
mt-50 |
margin-top: 3.125rem |
50px |
mt-60 |
margin-top: 3.75rem |
60px |
mt-70 |
margin-top: 4.375rem |
70px |
mt-80 |
margin-top: 5rem |
80px |
mt-100 |
margin-top: 6.25rem |
100px |
mt-125 |
margin-top: 7.813rem |
125px |
mt-150 |
margin-top: 9.375rem |
150px |
mt-175 |
margin-top: 10.938rem |
175px |
mt-200 |
margin-top: 12.5rem |
200px |
mt-240 |
margin-top: 15rem |
240px |
mt-280 |
margin-top: 17.5rem |
280px |
mt-320 |
margin-top: 20rem |
320px |
|
mr-{*}
|
Properties
|
|
|---|---|---|
mr-0 |
margin-right: 0 |
0
|
mr-2 |
margin-right: 0.125rem |
2px |
mr-3 |
margin-right: 0.188rem |
3px |
mr-4 |
margin-right: 0.25rem |
4px |
mr-5 |
margin-right: 0.313rem |
5px |
mr-6 |
margin-right: 0.375rem |
6px |
mr-8 |
margin-right: 0.5rem |
8px |
mr-10 |
margin-right: 0.625rem |
10px |
mr-15 |
margin-right: 0.938rem |
15px |
mr-20 |
margin-right: 1.25rem |
20px |
mr-25 |
margin-right: 1.563rem |
25px |
mr-30 |
margin-right: 1.875rem |
30px |
mr-40 |
margin-right: 2.5rem |
40px |
mr-50 |
margin-right: 3.125rem |
50px |
mr-60 |
margin-right: 3.75rem |
60px |
mr-70 |
margin-right: 4.375rem |
70px |
mr-80 |
margin-right: 5rem |
80px |
mr-100 |
margin-right: 6.25rem |
100px |
mr-125 |
margin-right: 7.813rem |
125px |
mr-150 |
margin-right: 9.375rem |
150px |
mr-175 |
margin-right: 10.938rem |
175px |
mr-200 |
margin-right: 12.5rem |
200px |
mr-240 |
margin-right: 15rem |
240px |
mr-280 |
margin-right: 17.5rem |
280px |
mr-320 |
margin-right: 20rem |
320px |
|
mb-{*}
|
Properties
|
|
|---|---|---|
mb-0 |
margin-bottom: 0 |
0
|
mb-2 |
margin-bottom: 0.125rem |
2px |
mb-3 |
margin-bottom: 0.188rem |
3px |
mb-4 |
margin-bottom: 0.25rem |
4px |
mb-5 |
margin-bottom: 0.313rem |
5px |
mb-6 |
margin-bottom: 0.375rem |
6px |
mb-8 |
margin-bottom: 0.5rem |
8px |
mb-10 |
margin-bottom: 0.625rem |
10px |
mb-15 |
margin-bottom: 0.938rem |
15px |
mb-20 |
margin-bottom: 1.25rem |
20px |
mb-25 |
margin-bottom: 1.563rem |
25px |
mb-30 |
margin-bottom: 1.875rem |
30px |
mb-40 |
margin-bottom: 2.5rem |
40px |
mb-50 |
margin-bottom: 3.125rem |
50px |
mb-60 |
margin-bottom: 3.75rem |
60px |
mb-70 |
margin-bottom: 4.375rem |
70px |
mb-80 |
margin-bottom: 5rem |
80px |
mb-100 |
margin-bottom: 6.25rem |
100px |
mb-125 |
margin-bottom: 7.813rem |
125px |
mb-150 |
margin-bottom: 9.375rem |
150px |
mb-175 |
margin-bottom: 10.938rem |
175px |
mb-200 |
margin-bottom: 12.5rem |
200px |
mb-240 |
margin-bottom: 15rem |
240px |
mb-280 |
margin-bottom: 17.5rem |
280px |
mb-320 |
margin-bottom: 20rem |
320px |
|
ml-{*}
|
Properties
|
|
|---|---|---|
ml-0 |
margin-left: 0 |
0
|
ml-2 |
margin-left: 0.125rem |
2px |
ml-3 |
margin-left: 0.188rem |
3px |
ml-4 |
margin-left: 0.25rem |
4px |
ml-5 |
margin-left: 0.313rem |
5px |
ml-6 |
margin-left: 0.375rem |
6px |
ml-8 |
margin-left: 0.5rem |
8px |
ml-10 |
margin-left: 0.625rem |
10px |
ml-15 |
margin-left: 0.938rem |
15px |
ml-20 |
margin-left: 1.25rem |
20px |
ml-25 |
margin-left: 1.563rem |
25px |
ml-30 |
margin-left: 1.875rem |
30px |
ml-40 |
margin-left: 2.5rem |
40px |
ml-50 |
margin-left: 3.125rem |
50px |
ml-60 |
margin-left: 3.75rem |
60px |
ml-70 |
margin-left: 4.375rem |
70px |
ml-80 |
margin-left: 5rem |
80px |
ml-100 |
margin-left: 6.25rem |
100px |
ml-125 |
margin-left: 7.813rem |
125px |
ml-150 |
margin-left: 9.375rem |
150px |
ml-175 |
margin-left: 10.938rem |
175px |
ml-200 |
margin-left: 12.5rem |
200px |
ml-240 |
margin-left: 15rem |
240px |
ml-280 |
margin-left: 17.5rem |
280px |
ml-320 |
margin-left: 20rem |
320px |
|
mx-{*}
|
Properties
|
|
|---|---|---|
mx-0 |
margin-left: 0margin-right: 0 |
0
|
mx-2 |
margin-left: 0.125remmargin-right: 0.125rem |
2px |
mx-3 |
margin-left: 0.188remmargin-right: 0.188rem |
3px |
mx-4 |
margin-left: 0.25remmargin-right: 0.25rem |
4px |
mx-5 |
margin-left: 0.313remmargin-right: 0.313rem |
5px |
mx-6 |
margin-left: 0.375remmargin-right: 0.375rem |
6px |
mx-8 |
margin-left: 0.5remmargin-right: 0.5rem |
8px |
mx-10 |
margin-left: 0.625remmargin-right: 0.625rem |
10px |
mx-15 |
margin-left: 0.938remmargin-right: 0.938rem |
15px |
mx-20 |
margin-left: 1.25remmargin-right: 1.25rem |
20px |
mx-25 |
margin-left: 1.563remmargin-right: 1.563rem |
25px |
mx-30 |
margin-left: 1.875remmargin-right: 1.875rem |
30px |
mx-40 |
margin-left: 2.5remmargin-right: 2.5rem |
40px |
mx-50 |
margin-left: 3.125remmargin-right: 3.125rem |
50px |
mx-60 |
margin-left: 3.75remmargin-right: 3.75rem |
60px |
mx-70 |
margin-left: 4.375remmargin-right: 4.375rem |
70px |
mx-80 |
margin-left: 5remmargin-right: 5rem |
80px |
mx-100 |
margin-left: 6.25remmargin-right: 6.25rem |
100px |
mx-125 |
margin-left: 7.813remmargin-right: 7.813rem |
125px |
mx-150 |
margin-left: 9.375remmargin-right: 9.375rem |
150px |
mx-175 |
margin-left: 10.938remmargin-right: 10.938rem |
175px |
mx-200 |
margin-left: 12.5remmargin-right: 12.5rem |
200px |
mx-240 |
margin-left: 15remmargin-right: 15rem |
240px |
mx-280 |
margin-left: 17.5remmargin-right: 17.5rem |
280px |
mx-320 |
margin-left: 20remmargin-right: 20rem |
320px |
|
my-{*}
|
Properties
|
|
|---|---|---|
my-0 |
margin-top: 0margin-bottom: 0 |
0
|
my-2 |
margin-top: 0.125remmargin-bottom: 0.125rem |
2px |
my-3 |
margin-top: 0.188remmargin-bottom: 0.188rem |
3px |
my-4 |
margin-top: 0.25remmargin-bottom: 0.25rem |
4px |
my-5 |
margin-top: 0.313remmargin-bottom: 0.313rem |
5px |
my-6 |
margin-top: 0.375remmargin-bottom: 0.375rem |
6px |
my-8 |
margin-top: 0.5remmargin-bottom: 0.5rem |
8px |
my-10 |
margin-top: 0.625remmargin-bottom: 0.625rem |
10px |
my-15 |
margin-top: 0.938remmargin-bottom: 0.938rem |
15px |
my-20 |
margin-top: 1.25remmargin-bottom: 1.25rem |
20px |
my-25 |
margin-top: 1.563remmargin-bottom: 1.563rem |
25px |
my-30 |
margin-top: 1.875remmargin-bottom: 1.875rem |
30px |
my-40 |
margin-top: 2.5remmargin-bottom: 2.5rem |
40px |
my-50 |
margin-top: 3.125remmargin-bottom: 3.125rem |
50px |
my-60 |
margin-top: 3.75remmargin-bottom: 3.75rem |
60px |
my-70 |
margin-top: 4.375remmargin-bottom: 4.375rem |
70px |
my-80 |
margin-top: 5remmargin-bottom: 5rem |
80px |
my-100 |
margin-top: 6.25remmargin-bottom: 6.25rem |
100px |
my-125 |
margin-top: 7.813remmargin-bottom: 7.813rem |
125px |
my-150 |
margin-top: 9.375remmargin-bottom: 9.375rem |
150px |
my-175 |
margin-top: 10.938remmargin-bottom: 10.938rem |
175px |
my-200 |
margin-top: 12.5remmargin-bottom: 12.5rem |
200px |
my-240 |
margin-top: 15remmargin-bottom: 15rem |
240px |
my-280 |
margin-top: 17.5remmargin-bottom: 17.5rem |
280px |
my-320 |
margin-top: 20remmargin-bottom: 20rem |
320px |
utilities.scss API