Spacing

  • Global
  • Vertical
  • Horizontal

.pad-{n}

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-80
.pad-60
.pad-40
.pad-20
.pad-10

.pad-t:{n}
top*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-t:80
.pad-t:70
.pad-t:60
.pad-t:50
.pad-t:40
.pad-t:30
.pad-t:20
.pad-t:10

.pad-b:{n}
bottom*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-b:80
.pad-b:70
.pad-b:60
.pad-b:50
.pad-b:40
.pad-b:30
.pad-b:20
.pad-b:10

.pad-v:{n}
vertical*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-v:80
.pad-v:70
.pad-v:60
.pad-v:50
.pad-v:40
.pad-v:30
.pad-v:20
.pad-v:10

.pad-l:{n}
left*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-l:70
.pad-l:50
.pad-l:30
.pad-l:20
.pad-l:10

.pad-r:{n}
right*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-r:70
.pad-r:50
.pad-r:30
.pad-r:20
.pad-r:10

.pad-h:{n}
horizontal*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.pad-h:70
.pad-h:50
.pad-h:30
.pad-h:20
.pad-h:10
  • Global
  • Vertical
  • Horizontal

.mrg-{n}

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-80
.mrg-60
.mrg-40
.mrg-20
.mrg-10

.mrg-t:{n}
top*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-t:80
.mrg-t:70
.mrg-t:60
.mrg-t:50
.mrg-t:40
.mrg-t:30
.mrg-t:20
.mrg-t:10

.mrg-b:{n}
bottom*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-b:80
.mrg-b:70
.mrg-b:60
.mrg-b:50
.mrg-b:40
.mrg-b:30
.mrg-b:20
.mrg-b:10

.mrg-v:{n}
vertical*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-v:80
.mrg-v:70
.mrg-v:60
.mrg-v:50
.mrg-v:40
.mrg-v:30
.mrg-v:20
.mrg-v:10

.mrg-l:{n}
left*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-l:70
.mrg-l:50
.mrg-l:30
.mrg-l:20
.mrg-l:10

.mrg-r:{n}
right*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-r:70
.mrg-r:50
.mrg-r:30
.mrg-r:20
.mrg-r:10

.mrg-h:{n}
horizontal*

{n} : 80, 70, 60, 50, 40, 30, 25, 20, 15, 10, 5, 0 px
.mrg-h:70
.mrg-h:50
.mrg-h:30
.mrg-h:20
.mrg-h:10
Coming soon

Oops sorry!!!

This content is not available yet.