Ricochet: Recreating the Demo - Characteristics

Characteristics

This area of the front page is a RokSprocket module with the Mosaic layout mode applied.

One important note here is that if you want to use this module in a different module position, you will want to change the background of the filter/order to match that of the module position you place it in. Here is the code you'll find in the demo.less file that sets this behavior.

.sprocket-mosaic-filter ul li span:before, .sprocket-mosaic-order ul li span:before {
      border-left: 20px solid @white; // Just change this border color if you place your RokSprocket mosaic on other module position to match its background
    }

Module

Article List Item Example

We utilized the Simple Content Provider, allowing us to create custom content independent of full articles. The Title, Description, Image, and Tags fields in each article have been altered. A few examples of these article changes can be found below.

Options

Advanced