<!doctype html>
<html lang='en'>
<head>
<meta charset='UTF-8' />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<title>Gemma — lightweight CSS toolkit</title>
<link rel='stylesheet' href='public/gemma.min.css' />
</head>
<body class='pl2 pr2 _md-pl3 _md-pr3 fw300'>
<h1 class='fw300'>Gemma</h1>
<h2 class='fw300'>A lightweight CSS toolkit</h2>
<div style='max-width: 60ch;'>
<p>
Gemma is a collection of CSS styles and classes intended to make designing web content fast, and the results both performant and easy to iterate on.
</p>
<p>
You can get started with Gemma by installing it from <a href='https://npmjs.com'>NPM</a>:
</p>
<p>
<code class='d-b br2 p2 bg-warmGray100 blue900'>npm install --save gemma</code>
</p>
</div>
<h3 class='fw300'>Documentation</h3>
<div style='max-width: 60ch;'>
<p>
Documentation is coming real soon. In the mean time, <a href='https://github.com/colepeters/gemma'>have a look at the repo on GitHub</a> for more information.
</p>
</div>
</body>
</html>