Clever Style Guide

Customizing Components

If you wish to add your own custom components or customize the style of a particular component, just add elements or blocks inside their respective directories inside the custom folder (don't forget to @import inside the directory's custom-{{directory-name}}-dir.scss file!). If you wish to change markup of an existing component or heavily modify the styles, you can run the following command from the root of your directory:

grunt customize-component --component='{{file-name-of-cui-component}}'

This will copy the .scss file over to the custom folder. Markup is located in the KSS comments inside the .scss file.