Customize
The lism-css package lets you customize the CSS you load, the props components accept, and the classes they output. There are four main entry points. Follow the link that matches your goal.
Entry points
| What you want to do | Approach | Page |
|---|---|---|
Switch @layer on/off, use full.css, or otherwise change which pre-built CSS file you load | Swap the CSS file / isFullMode | CSS Builds |
| Extend component props / tokens / traits (recommended path for Vite / Astro) | lism.config.js + @lism-css/plugin | lism.config.js |
| Adjust generated classes and breakpoints using SCSS only (for setups without the Vite / Astro plugin) | Override SCSS variables such as $breakpoints / $props | SCSS Customization |
| Remove unused classes from production CSS | purge plugin | CSS Purge |
If you are using Vite or Astro, the single integrated plugin from @lism-css/plugin enables lism.config.js loading, automatic CSS reflection, and type generation all at once. Start with lism.config.js as your entry point.