@oodavid/flow-css/README.md

Build a CSS Framework From Scratch!

# ![logo](https://user-images.githubusercontent.com/46879/43902606-7390eb0c-9be2-11e8-8c37-ec25858c2c08.png) Flow.css

[Flow.css](https://flowcss.com) is a responsive, mobile-first CSS framework _...built by you_.

It is production ready and comparable to [Bootstrap](http://getbootstrap.com/), [Pure.css](http://purecss.io/) or [Bulma](https://bulma.io/).

* [Home](https://flowcss.com/)
* [Docs](https://flowcss.com/docs/)
* [Demo](https://flowcss.com/demo/)
* [Learn](LEARNONUDEMY)
* [GitHub](https://github.com/oodavid/flow-css)

# The Choice

* Use the framework today in production.
* Or sit the course and learn how to build Flow.css from scratch!

# The Course

You will create reliable components - a mobile-first approach with columns, responsivity, smart forms and everything you see in the [Docs](https://flowcss.com/docs/).

[Learn on Udemy!](LEARNONUDEMY)

# Install with `NPM`

```sh
npm install @oodavid/flow-css --save
```

`CSS`

```css
/* Import flow.css */
@import "./node_modules/@oodavid/flow-css/flow.css";
```

`SASS`

```scss
// Import everything
@import "./node_modules/@oodavid/flow-css/flow.scss";
// ...or import individual components or abstracts
@import "./node_modules/@oodavid/flow-css/abstracts/_breakpoints.scss";
@import "./node_modules/@oodavid/flow-css/components/_columns.scss";
```

# The Author

I'm David King, a full-stack engineer from the UK.

I've been developing for 20 years and have a passion for well-written CSS and Javascript.

[oodavid.com](https://oodavid.com)

# Contributing

See [CONTRIBUTING][] for information on how to contribute to Flow.css

[CONTRIBUTING]: https://github.com/oodavid/flow-css/blob/master/CONTRIBUTING.md