Gridix is a simple grid system for CSS. Its based on flex and has a simple syntax. Gridix is built with vite and sass.
You can install Gridix with npm:
npm install css-gridix
To use Gridix, you need to import the gridix
file into your project. You can do this by importing it into your project's main file:
In vue.js you would do this in your main.js
file:
import "css-gridix";
- After making your changes to the code, you must first build the project. This will create a new version of the css file in the dist folder. You can then bump the version number using the npm version command:
npm run build
- Update the main entrypoint for the application in the package.json
...
"main": "dist/assets/style-91a4cd11.css",
...
-
Commit your changes
-
now you can bump the version number
npm version [major|minor|patch]
- a new commit is created with the new version number and a tag is created with the same version number. Push the changes to the remote repository
git push
- Finally, you can publish the new version to npm
npm publish
If you want to contribute to Gridix, you can do so by creating a pull request. If you want to add a new feature, please create an issue first.
Gridix is licensed under the MIT license