Less

Pre-compiled CSS that Clique.UI is built on

All CSS files included with Clique.UI are built with a CSS pre-processor language, Less. Less allows us to extend the CSS markup for greater consistency and to take advantage of it's many features and benefits.


CSS architecture

Components are divided into the component itself, sub-objects and modifiers, whose class names always pick up the component name.

Definitions

Object Description
Component Components abstract recurring parts of a website into class-based modules, like buttons for example. These can be reused and combined.
Sub-object Sub-objects are placed within a component to enhance its funtionality, for example a close button in an alert box.
Modifier Modifier classes alter the style of components and their sub-objects, like button colors and sizes.