Concept

Something to understand in using Graff

Graff is designed to highly customizable. It can be done by changing value in CSS custom properties (variables). There are 2 types of variables.

1. Core variables, shared global variables for utilities and componenents.
2. Component variables, component-specific variables.

Best practices

Graff is ready to used CSS3 file. No need complicated setup environment to customize.

1. Edit the CSS variables value on :root selector
2. Then in HTML, embed the CSS code directly on <style> tag or link the CSS file using <link> tag

See how to theme your UI