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

Clone the repo:

git clone [email protected]/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

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

Name		Name	Last commit message	Last commit date
Latest commit History 4 Commits
builder		builder
components		components
css		css
debug		debug
docs		docs
documentation		documentation
elements		elements
fonts		fonts
images		images
libs		libs
modules		modules
sass		sass
templates		templates
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
build-css.js		build-css.js
build-html.js		build-html.js
build-template.js		build-template.js
index.html		index.html
module.js		module.js
module.rolled.js		module.rolled.js
module.svg		module.svg
package-lock.json		package-lock.json
package.json		package.json
style.css		style.css
style.min.css		style.min.css
watch.js		watch.js