class-based, evented front-end library
HTML CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
classes
components
dist
images
kss
styleguide
.gitignore
README.md
index.html
kss.json
package-lock.json
package.json

README.md

Bolt

A library of front end classes. Bolt sets up a baseline for building flexible interfaces.

  • Normalises for usefuleness. Bolt sets the box model to border-box across the board.
  • Descriptive base classes define layout techniques (.block, .button, .flex, .grid, .table, &hellips;).
  • Text stylesheet and the grid component set up a vertical rhythm.
  • Flexible, nestable and responsive horizontal grid component.
  • No colour. Themes change between projects while layout techniques generally don't. Bolt focuses on layout techniques.
  • Styleguide generated from KSS comments.

Latest build 2.0.0

Getting started

Clone the repo:

git clone git@github.com/stephband/bolt.git
cd bolt/

Install node modules:

npm install

Compile SASS:

npm run sass

Build dist/bolt.css:

npm run build

Build styleguide/ from KSS comments found in CSS files:

npm run styleguide

Documentation

Currently scant documentation at stephen.band/bolt/index.html.