Clay Paver 2

Welcome to Clay Paver 2, a web based tool to customize Clay CSS through Sass variables. Sass loads variables top to bottom, so make sure the variable is defined before trying to use it. You will not be able to use a Button variable in Links because of this. The variables that are most commonly reused are located under the Globals section. Variables are loaded in this order:

1. home
2. globals
3. grid
4. typography
5. icons
6. links
7. utilities
8. alert
9. label
10. badge
11. sticker
12. button
13. breadcrumb
14. card
15. card interactive
16. card type template
17. dropdown
18. autocomplete dropdown
19. input
20. input custom
21. input group
22. input validation
23. date picker
24. list group
25. loading animations
26. menubar
27. modal
28. nav
29. nav pills
30. nav tabs
31. nav underline
32. navbar
33. navbar application bar
34. navbar management bar
35. navbar navigation bar
36. pagination
37. panel
38. popover
39. progress bar
40. multi step nav
41. sheet
42. sidebar
43. table
44. tbar
45. subnav tbar
46. tooltip
47. timeline
48. toggle switch