Integrating hgrid-css in an Eleventy (11ty) project

Documentation

https://hgrid.io/documentation/integrate/#11ty

Repository

https://github.com/ahansson/hgrid-css-eleventy

Minimal setup of 11ty with Sass compilation for hgrid-css. Builds final CSS with Autoprefixer and PostCSS minification.

What is hgrid-css ?

A lightweight and practical CSS utility kit with zero config and a flat learning curve.

Repo: https://github.com/ahansson/hgrid-css

Installation

Installs the required node_modules, including hgrid-css.

npm install

Development

Starts the development server with Sass compilation for hgrid and serves your site from the _public folder on localhost:8080 (if available).

npm run start

Build

npm run build

Builds all files and copies them to the _public folder. This is the command you run on the server if you use hosting services like Netlify, Vercel, GitHub Pages, etc.