hack
Version:
Dead simple CSS framework.
82 lines (53 loc) • 2.11 kB
Markdown
<p align="center">
<img src="./media/logo.png" width="60" /><br><br>
<a href="https://npmjs.com/package/hack"><img src="https://img.shields.io/npm/v/hack.svg?style=flat-square" alt="npm version"></a> <a href="https://npmjs.com/package/hack"><img src="https://img.shields.io/npm/dm/hack.svg?style=flat-square" alt="npm downloads"></a> <a href="https://gitter.im/egoist/hack"><img src="https://img.shields.io/gitter/room/egoist/hack.svg?style=flat-square" alt="Gitter"></a>
</p>
<details><summary>Table of Contents</summary>
<!-- toc -->
- [Install](#install)
- [Related projects](#related-projects)
- [Development](#development)
- [License](#license)
<!-- tocstop -->
</details>
## Install
```bash
$ npm install --save hack
```
Option #1: Use any pre-processor
```js
import 'hack'
```
Option #2: hot-link the css files:
```html
<link rel="stylesheet" href="/path/to/hack.css">
<!-- markdown theme -->
<body class="hack"></body>
<!-- standard theme -->
<link rel="stylesheet" href="/path/to/standard.css">
<body class="standard"></body>
<!-- dark theme -->
<link rel="stylesheet" href="/path/to/dark.css">
<body class="hack dark"></body>
<!-- dark-grey theme -->
<link rel="stylesheet" href="/path/to/dark-grey.css">
<body class="hack dark-grey"></body>
<!-- solarized-dark theme -->
<link rel="stylesheet" href="/path/to/solarized-dark.css">
<body class="hack solarized-dark"></body>
```
It's also available on [CDNJS](https://cdnjs.com/libraries/hack), [jsDelivr](http://cdn.jsdelivr.net/npm/hack/dist/) and [UNPKG](https://unpkg.com/hack/).
For more usages and style guideline head to [the website](http://hackcss.egoist.moe/) 🎉
## Showcase
[A list of projects that use `hack`](https://github.com/egoist/hack/wiki/Showcase).
## Related projects
- [Jekyll theme for Hack](https://github.com/wemake-services/jekyll-theme-hackcss)
- [Hugo theme for Hack](https://github.com/comfusion/after-dark)
## Development
```bash
$ npm run dev
$ npm run build
```
## License
MIT © [EGOIST](https://github.com/egoist)
Logo was generated with [slogan](https://github.com/egoist/slogan).