Customization

It is possible to completely customize your project’s utility classes. To do so you will need to do two things:

1. JSON config file

Add a styleguide.json (or choose another name) file to the root of your project.

πŸ“„

2. Update .arc

Edit your project’s .arc file to tell it where to grab the config. Add these lines at the bottom of your .arc file in the root of your project.

@enhance-styles
config styleguide.json
πŸ’…πŸ½

Cribsheet

Every Enhance app ships with a preconfigured, dynamic cribsheet to help you find the right class for the job.

Just start your project (npm start) and navigate to /_styleguide/cribsheet. Here you’ll be able to search through all the utility classes and custom properties available to your app. Any customizations you make to your styleguide will automatically be reflected in your cribsheet.


Community Resources

GitHub
Visit Enhance on GitHub.
Discord
Join our Discord server to chat about development and get help from the community.
Mastodon
Follow Enhance in the Fediverse. We're huge fans of the IndieWeb!