harmony
Version:
🎶🙌 An opinionated spring-board for website projects.
34 lines (22 loc) • 1.08 kB
Markdown
# Harmony
[](https://www.npmjs.com/package/harmony)
🎶🙌 A grid system and typography baseline grid based 100% on fluid properties.
<h2><a href="https://harmony-demo.netlify.com">View demo ›</a></h2>
## Features
- Highly customisable global config for body and grid system metrics, font-sizes and baseline grid-locked line heights
- Modern IE10+ CSS normalization
- Built with vertical-rhythm in mind
- Minimal CSS inheritance chain
## Getting started
Install from npm<br>
`npm i harmony`
Import the harmony mixin files:<br>
`@import "harmony/normalize";`<br>
`@import "harmony/core";`
Also included are some helpful grid tools.
They are toggled with key shortcuts - see the source file for the details.<br>
To use these tools, import the script in your JS:<br>
`import 'harmony/grid-tools';`
## Contributors:
[@aaronmccaffery](https://github.com/aaronmccaffery) and [@benrogerson](https://twitter.com/benrogerson).
Created by [Simple](https://simple.com.au/) and [Anagraph](https://anagraph.com.au/).