Luna includes a number of custom classes that extend the functionality of UIkit and Warp or help customize the styling of certain Widgetkit plugins. This table gives you an overview of the purpose of each of these classes.
Type this class into the Class field of the Block Appearance section in the Warp administration, to add a background gradient to a module position. You can see this in the Ocean and Blue styles. In other styles you might need to set the gradient colors through the Customizer first.
Use these classes to create the typographic teaser we are using on the frontpage. For a code example, see Specials.
Add this class to a heading element to display a short underline with some spacing.
Add this class to a text element to apply a special styling, for example heading font family, uppercase and different font-size, depending on the style.
Add this class to the HTML field of the General tab in the Settings section of a regular Grid widget. Each item will then display a spinning arrow button on hover.
Add this class to the HTML field of the General tab in the Settings section of a regular Grid widget to apply a box shadow to images inside that grid.
Add this class to a Subnav, so it will display a bullet icon as a separator between nav items.