Styles: Spacers

CSS STYLES ☰

main use: <section #filter>

Originally designed to space page sections, they will also work on many other things. 
Won't work at same level as the background images, they need to be on a level above them.
It's one reason my templates have duplicated nested sections.

Will work in many other areas.

 
no spacer specified

Spacers

dye_spacer-050
Vertical Spacer. spaces top and bottom 50px to separate items above and below.
 
dye_spacer-100
Vertical Spacer. spaces top and bottom 100px to separate items above and below.
 
dye_spacer-150
Vertical Spacer. spaces top and bottom 150px to separate items above and below.

Spacers- Top only

dye_spacer-top-050
Vertical Spacer. spaces top 50px to separate items above.
 
dye_spacer-top-100
Vertical Spacer. spaces top 100px to separate items above.
 
dye_spacer-top-150
Vertical Spacer. spaces top 150px to separate items above.

 

Spacers- Bottom only

dye_spacer-bottom-050
Vertical Spacer. spaces bottom 50px to separate items below.
 
dye_spacer-bottom-100
Vertical Spacer. spaces bottom 100px to separate items below.
 
dye_spacer-bottom-150
Vertical Spacer. spaces bottom 150px to separate items below.
 

 
 
© SiteDyes.com 2018
Web colors by SiteDyes.com