Quick Reference

Build, dev server & browsersync

$ npm run dev

Build

To just run a build:

$ npm run build

Fractal styleguide

$ npm run fractal

Use this development server for, er, development.

To export static HTML to the build directory:

$ fractal build

Syntax

.block {}
.block__element {}
.block--modifier {}

eg

.search {}
.search__field {}
.search--full {}

.o-media {}

Utilities reference

Rather than bundle all utilties, I prefer to pick and choose what is needed for the project.

SUIT CSS utilties

Here’s a list of SUIT CSS utilities I sometimes refer to:

Inuit CSS objects

There are also some useful Inuit CSS objects for reference.