https://github.com/ahansson/hgrid-css-eleventy
Starter project with 11ty and hgrid-css
https://github.com/ahansson/hgrid-css-eleventy
11ty eleventy hgrid-css
Last synced: about 1 month ago
JSON representation
Starter project with 11ty and hgrid-css
- Host: GitHub
- URL: https://github.com/ahansson/hgrid-css-eleventy
- Owner: ahansson
- Created: 2021-07-21T09:32:09.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2023-04-07T10:59:40.000Z (about 2 years ago)
- Last Synced: 2025-02-12T17:51:59.453Z (3 months ago)
- Topics: 11ty, eleventy, hgrid-css
- Language: Nunjucks
- Homepage:
- Size: 399 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Integrating [hgrid-css](https://github.com/ahansson/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`.
```bash
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).
```bash
npm run start
```
## Build
```bash
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.