AtomCSS is a CSS atomic library that can be imported directly into a project without any build tools. Its style naming style is based on the Quasar framework. But you can use it anywhere! 👓
📦 Small file size
🐣 Strong compatibility
💡 Does not rely on any build tools
😥 It does not have the same level of freedom as Tailwind CSS. It cannot customize offsets.
Use the import "path/of/AtomCSS.css";
statement in your project’s global CSS file to import AtomCSS into your project. 😆
You can use build.js
to define the width of spacing, and after generation, please copy the output code to the corresponding CSS file.
how to run build.js
?
- use browser console
- use node