Getting started with grail-css

Use grail-css with the typical npm/scss workflow, which is detailed below.

Install and reference

For the greatest flexibility, install grail-css via npm ...

npm install --save-dev grail-css

Then reference the grail stylesheet in your own SCSS

@import "/path/to/node_modules/grail-css/src/grail.scss";

Only want one of the layouts? Reference that layout file specifically.

@import "./node_modules/grail-css/src/standard.scss";

Prefer to reference plain CSS? Reference the dist folder, which contains minified CSS.

@import "./node_modules/grail-css/dist/standard.css";

Or reference this CSS from an unpkg url.

<link rel="stylesheet"href="https://www.unpkg.com/grail-css/dist/grail.css"/>