Module Variations

There are 9 stylistic module class suffixes, these add a unique style variation to the module: box1-5 and title1-4; and 25 structural suffixes, these affect the layout and metrics of the module.

Furthermore, you can also add FontAwesome icons into the center of the hex images for the title1-2 suffixes. Suffixes are in the icon-NAME format such as icon-star, as shown on the Typography page.

title1

An example module using the title1 module suffix.

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

title2

An example module using the title2 module suffix.

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

title3

An example module using the title3 module suffix.

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

Lorem ipsum dolor sit amet donec.

box1

An example module using the box1 module suffix.

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

box3

An example module using the box3 module suffix.

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

box5

An example module using the box5 module suffix.

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

title1 icon-user

An example module using the title1 icon-user module suffix.

Lorem ipsum dolor sit amet donec.

title2 icon-star

An example module using the title2 icon-star module suffix.

Lorem ipsum dolor sit amet donec.

title4

An example module using the title4 module suffix.

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

box2

An example module using the box2 module suffix.

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

box4

An example module using the box4 module suffix.

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