Developer-Guide/frontend/styles_and_layout.md

Styles and Layout

Css

This project only supports scss and css. All css files need to be provided with a scss file which will be processed for every build. The css file has to be minimized, optimized and compressed as .gz. This means there is at least one scss file (multiple if you are combining/importing multiple scss files and creating one output css file), one css file and one compressed .gz file. The file name has to be lower case and the same for every file and only the extension is different.

Icons

This project uses font-awesome for its icons, the following example allows for stacked icons e.g. creating new/undread email notifications:

<i class="fa fa-lg infoIcon fa-envelope">
    <span class="badge">333</span>
</i>

Examples

An example of all styles can be found in the tests called StandardElements.htm.