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.

Read More

title2

An example particle using the title2 variation.

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

Read More

title3

An example particle using the title3 variation.

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

Read More

title4

An example particle using the title4 variation.

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

Read More

box1

An example particle using the box1 variation.

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

Read More

box2

An example particle using the box2 variation.

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

Read More

box3

An example particle using the box3 variation.

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

Read More

box4

An example particle using the box4 variation.

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

Read More

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.

Read More

box4 title4

An example particle using the title1 variation.

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

Read More

No Suffix

An example particle using the no variation.

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

Read More

Additional Classes

  • 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.