Mosaic block

Mosaic block

This block made use of the Masonry jQuery plugin. It offered three preset layouts with tiles of varying sizes. Each layout had three separate “breakpoints,” or three set number of assets that would break evenly. (In this example, the breakpoints were at 6 assets, 10 assets, and 15 assets.) The larger tiles were the more recent articles, or the articles that were marked as a higher priority. It came with preset themes of black, blue, red, green, orange, purple and rainbow-colored masks, and since the color masks and gradients were both handled separately with CSS, both aspects could be customized on a site’s local stylesheet if they so desired.

×