<p align="center">
	<a href=""><img width="100%" src="demo/images/header.png" alt="barebones - A minimal, responsive boilerplate for the modern web."></a>
</p>
# barebones-css

[barebones-css](https://tiaanduplessis.github.io/barebones-css) - A minimal, responsive boilerplate for the modern web.

[![Build Status](https://travis-ci.org/tiaanduplessis/barebones-css.svg?branch=master)](https://travis-ci.org/tiaanduplessis/barebones-css)
[![GitHub version](https://badge.fury.io/gh/tiaanduplessis%2Fbarebones-css.svg)](https://badge.fury.io/gh/tiaanduplessis%2Fbarebones-css)
[![Bower version](https://badge.fury.io/bo/barebones-css.svg)](https://badge.fury.io/bo/barebones-css)
[![npm version](https://badge.fury.io/js/barebones-css.svg)](https://badge.fury.io/js/barebones-css) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/tiaanduplessis/barebones-css/master/LICENSE) [![GitHub stars](https://img.shields.io/github/stars/tiaanduplessis/barebones-css.svg)](https://github.com/tiaanduplessis/barebones-css/stargazers) [![GitHub issues](https://img.shields.io/github/issues/tiaanduplessis/barebones-css.svg)](https://github.com/tiaanduplessis/barebones-css/issues)

## What's so great about it?

- It provides you with a minimal set of styles for a fast and clean starting point.
- It's lightweight. Being **less than 5 kB** in size once gzipped.
- [sanitize.css](https://jonathantneal.github.io/sanitize.css/) is used to corrects broken and missing styles.
- It uses [Flexbox Grid](http://flexboxgrid.com/) to provide you with a responsive grid system.
- Build with [Less](http://lesscss.org/) for modularity and maintainability.
- No deeply nested selectors.
- Written entirely in rem and em values.
- It's Customization friendly with no evil **!Important**.
- Scalable on all devices and screens.

## Installation
**Install with cdn**

```html
<link rel="stylesheet" href="https://cdn.rawgit.com/tiaanduplessis/barebones-css/master/dist/barebones.min.css">
```

**Install with Bower**

```sh
$ bower install barebones-css
```

**Install with npm**

```sh
$ npm install barebones-css
```

**Install with yarn**

```sh
$ yarn add barebones-css
```

## Not catching your fancy?

Here are some other **awesome** options:
- [Skeleton](http://getskeleton.com/)
- [Milligram](https://milligram.github.io/)
- [Vital](https://vitalcss.com/)
- [Legacy Framework](https://legacy-framework.com/)
- [Spectre](https://picturepan2.github.io/spectre/)

## Thanks to OSS

barebones CSS is made possible through Open Source Software. A very special thanks to all the modules it [uses](package.json).

## Contributing

All Contributions are welcome! Please open up an issue if you would like to help out. :smile:

[![Support via Gratipay](https://cdn.rawgit.com/gratipay/gratipay-badge/2.3.0/dist/gratipay.svg)](https://gratipay.com/tiaan/)

## License

Created with ♥ by [Tiaan du Plessis](http://tiaanduplessis.co.za/). Licensed under the MIT License.
