Block Variations

There are 8 stylistic variations which provide a unique style to the particles: title1-4 and box1-4. There are also various additional classes, these affect the layout and metrics of the particle.

title1

An example particle using the title1 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

title2

An example particle using the title2 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

title3

An example particle using the title3 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

title4

An example particle using the title4 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

box1

An example particle using the box1 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

box2

An example particle using the box2 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

box3

An example particle using the box3 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

box4

An example particle using the box4 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Using a Suffix

Enter any available suffixes at Layout Manager → Particles → Example Particle → Block → Variations and/or CSS Class.

You can compound multiple suffixes together such as: box4 title4.

box1 title3

An example particle using the title1 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

box4 title4

An example particle using the title1 variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

No Suffix

An example particle using the no variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

rt-center: centres the content of the particle.
rt-uppercase, rt-lowercase: change the case of the particle title.
nomargintop, nomarginright, nomarginbottom, nomarginleft, nomarginall: removes the various margins around the particle.
nopaddingtop, nopaddingright, nopaddingbottom, nopaddingleft, nopaddingall: removes the various paddings around the particle.
(small/med/large)margintop, (small/med/large)marginright, (small/med/large)marginbottom, (small/med/large)marginleft: increase the margins around the particle.
(small/med/large)paddingtop, (small/med/large)paddingright, (small/med/large)paddingbottom, (small/med/large)paddingleft: increase the paddings around the particle.
(subsmall/submed/sublarge)margintop, (subsmall/submed/sublarge)marginright, (subsmall/submed/sublarge)marginbottom, (subsmall/submed/sublarge)marginleft, (subsmall/submed/sublarge)marginall: decrease the margins around the particle.