Clay CSS (2.11.1)

Settings

Printing

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. input
  19. input custom
  20. input group
  21. input validation
  22. date picker
  23. list group
  24. loading animations
  25. menubar
  26. modal
  27. nav
  28. nav pills
  29. nav tabs
  30. nav underline
  31. navbar
  32. navbar application bar
  33. navbar management bar
  34. navbar navigation bar
  35. pagination
  36. panel
  37. popover
  38. progress bar
  39. multi step nav
  40. sheet
  41. sidebar
  42. table
  43. tbar
  44. subnav tbar
  45. tooltip
  46. timeline
  47. toggle switch