Fast Flow Kit Logo

Spacing

Margin

All sides

Class Name
Value
Class Object
m-auto
Margin (All): Auto
👉
m-0
Margin (All): 0
👉
m-1
Margin (All): 0.25rem
👉
m-2
Margin (All): 0.5rem
👉
m-3
Margin (All): 0.75rem
👉
m-4
Margin (All): 1rem
👉
m-5
Margin (All): 1.25rem
👉
m-6
Margin (All): 1.5rem
👉
m-8
Margin (All): 2rem
👉

Vertical sides

Class Name
Value
Class Object
my-auto
Margin (Top & Bottom): Auto
👉
my-0
Margin (Top & Bottom): 0
👉
my-1
Margin (Top & Bottom): 0.25rem
👉
my-2
Margin (Top & Bottom): 0.5rem
👉
my-3
Margin (Top & Bottom): 0.75rem
👉
my-4
Margin (Top & Bottom): 1rem
👉
my-5
Margin (Top & Bottom): 1.25rem
👉
my-6
Margin (Top & Bottom): 1.5rem
👉
my-8
Margin (Top & Bottom): 2rem
👉

Horizontal sides

Class Name
Value
Class Object
mx-auto
Margin (Left & Right): Auto
👉
mx-0
Margin (Left & Right): 0
👉
mx-1
Margin (Left & Right): 0.25rem
👉
mx-2
Margin (Left & Right): 0.5rem
👉
mx-3
Margin (Left & Right): 0.75rem
👉
mx-4
Margin (Left & Right): 1rem
👉
mx-5
Margin (Left & Right): 1.25rem
👉
mx-6
Margin (Left & Right): 1.5rem
👉
mx-8
Margin (Left & Right): 2rem
👉

Top side

Class Name
Value
Class Object
mt-auto
Margin (Top): Auto
👉
mt-0
Margin (Top): 0
👉
mt-1
Margin (Top): 0.25rem
👉
mt-2
Margin (Top): 0.5rem
👉
mt-3
Margin (Top): 0.75rem
👉
mt-4
Margin (Top): 1rem
👉
mt-5
Margin (Top): 1.25rem
👉
mt-6
Margin (Top): 1.5rem
👉
mt-8
Margin (Top): 2rem
👉

Right side

Class Name
Value
Class Object
mr-auto
Margin (Right): Auto
👉
mr-0
Margin (Right): 0
👉
mr-1
Margin (Right): 0.25rem
👉
mr-2
Margin (Right): 0.5rem
👉
mr-3
Margin (Right): 0.75rem
👉
mr-4
Margin (Right): 1rem
👉
mr-5
Margin (Right): 1.25rem
👉
mr-6
Margin (Right): 1.5rem
👉
mr-8
Margin (Right): 2rem
👉

Bottom side

Class Name
Value
Class Object
mb-auto
Margin (Bottom): Auto
👉
mb-0
Margin (Bottom): 0
👉
mb-1
Margin (Bottom): 0.25rem
👉
mb-2
Margin (Bottom): 0.5rem
👉
mb-3
Margin (Bottom): 0.75rem
👉
mb-4
Margin (Bottom): 1rem
👉
mb-5
Margin (Bottom): 1.25rem
👉
mb-6
Margin (Bottom): 1.5rem
👉
mb-8
Margin (Bottom): 2rem
👉

Left side

Class Name
Value
Class Object
ml-auto
Margin (Left): Auto
👉
ml-0
Margin (Left): 0
👉
ml-1
Margin (Left): 0.25rem
👉
ml-2
Margin (Left): 0.5rem
👉
ml-3
Margin (Left): 0.75rem
👉
ml-4
Margin (Left): 1rem
👉
ml-5
Margin (Left): 1.25rem
👉
ml-6
Margin (Left): 1.5rem
👉
ml-8
Margin (Left): 2rem
👉

Padding

All sides

Class Name
Value
Class Object
p-0
Padding (All): 0
👉
p-1
Padding (All): 0.25rem
👉
p-2
Padding (All): 0.5rem
👉
p-3
Padding (All): 0.75rem
👉
p-4
Padding (All): 1rem
👉
p-5
Padding (All): 1.25rem
👉
p-6
Padding (All): 1.5rem
👉
p-8
Padding (All): 2rem
👉

Vertical sides

Class Name
Value
Class Object
py-0
Padding (Top & Bottom): 0
👉
py-1
Padding (Top & Bottom): 0.25rem
👉
py-2
Padding (Top & Bottom): 0.5rem
👉
py-3
Padding (Top & Bottom): 0.75rem
👉
py-4
Padding (Top & Bottom): 1rem
👉
py-5
Padding (Top & Bottom): 1.25rem
👉
py-6
Padding (Top & Bottom): 1.5rem
👉
py-8
Padding (Top & Bottom): 2rem
👉

Horizontal sides

Class Name
Value
Class Object
px-0
Padding (Left & Right): 0
👉
px-1
Padding (Left & Right): 0.25rem
👉
px-2
Padding (Left & Right): 0.5rem
👉
px-3
Padding (Left & Right): 0.75rem
👉
px-4
Padding (Left & Right): 1rem
👉
px-5
Padding (Left & Right): 1.25rem
👉
px-6
Padding (Left & Right): 1.5rem
👉
px-8
Padding (Left & Right): 2rem
👉

Top side

Class Name
Value
Class Object
pt-0
Padding (Top): 0
👉
pt-1
Padding (Top): 0.25rem
👉
pt-2
Padding (Top): 0.5rem
👉
pt-3
Padding (Top): 0.75rem
👉
pt-4
Padding (Top): 1rem
👉
pt-5
Padding (Top): 1.25rem
👉
pt-6
Padding (Top): 1.5rem
👉
pt-8
Padding (Top): 2rem
👉
pt-full
Padding (Top): 100%
👉

Right side

Class Name
Value
Class Object
pr-0
Padding (Right): 0
👉
pr-1
Padding (Right): 0.25rem
👉
pr-2
Padding (Right): 0.5rem
👉
pr-3
Padding (Right): 0.75rem
👉
pr-4
Padding (Right): 1rem
👉
pr-5
Padding (Right): 1.25rem
👉
pr-6
Padding (Right): 1.5rem
👉
pr-8
Padding (Right): 2rem
👉

Bottom side

Class Name
Value
Class Object
pb-0
Padding (Bottom): 0
👉
pb-1
Padding (Bottom): 0.25rem
👉
pb-2
Padding (Bottom): 0.5rem
👉
pb-3
Padding (Bottom): 0.75rem
👉
pb-4
Padding (Bottom): 1rem
👉
pb-5
Padding (Bottom): 1.25rem
👉
pb-6
Padding (Bottom): 1.5rem
👉
pb-8
Padding (Bottom): 2rem
👉

Left side

Class Name
Value
Class Object
pl-0
Padding (Left): 0
👉
pl-1
Padding (Left): 0.25rem
👉
pl-2
Padding (Left): 0.5rem
👉
pl-3
Padding (Left): 0.75rem
👉
pl-4
Padding (Left): 1rem
👉
pl-5
Padding (Left): 1.25rem
👉
pl-6
Padding (Left): 1.5rem
👉
pl-8
Padding (Left): 2rem
👉