Clay CSS (2.3.4)

Settings

Printing

Clay 2 Paver

Welcome to Clay 2 Paver, 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. dropdown
  16. input
  17. input custom
  18. input group
  19. input validation
  20. list group
  21. loading animations
  22. menubar
  23. modal
  24. nav
  25. nav pills
  26. nav tabs
  27. nav underline
  28. navbar
  29. navbar application bar
  30. navbar management bar
  31. navbar navigation bar
  32. pagination
  33. panel
  34. popover
  35. progress bar
  36. multi step nav
  37. sheet
  38. sidebar
  39. table
  40. tbar
  41. tooltip
  42. timeline
  43. toggle switch