# Plasma.css
##### A robust, yet minimalist CSS grid framework based on Flexbox.
- Mobile-First 12 Column Grid
- Based on Flexbox
- Bootstrap 3 Compatible (pending)

## Installation

Plasma.css can be installed as a package via [NPM](https://www.npmjs.com/)

```
npm install plasma.css
``` 

## Features
#### Grid Layout using flexbox

| Feature                  | Supported       | Release Status | Default   |  
| :-------------           | :-------------: | :------------: | :-------: |  
| Based on flexbox         | yes             | Alpha          | ✔         |  
| Responsive               | yes             | Alpha          | ✔         |  
| Bootstrap 3 Compatible   | yes             | Planned        | ✔         |  
| 12 column fluid grid     | yes             | Alpha          | ✔         |  
| 12 column fixed grid     | yes             | Alpha          | ✔         |  
| Vertical grid columns    | yes             | Alpha          | ✔         |  
| Space filling columns    | yes             | Alpha          | ✔         |  
| Offsets and Insets       | yes             | Planned        | ✔         |  
| X-axis Element alignment | yes             | Alpha          | ✔         |  
| Y-axis Element alignment | yes             | Alpha          | ✔         |  

## Browser Support

Flexbox Grid is depenedent on the CSS property flexbox. See [Can I use Flexbox?](http://caniuse.com/#feat=flexbox) for more details.

## Development

### Install the dependencies

```
npm install
```

### Start the app

```
npm run app:dev
```

## Dependencies and integrations

### Dependencies
[normalize.css](https://github.com/necolas/normalize.css/)

### Integrations
[Twitter Bootstrap 3 Sass Version](https://github.com/twbs/bootstrap-sass) (optional)

<!-- ## Acknowledgements References -->
## References

### Flexbox References

[Solved by Flexbox](https://philipwalton.github.io/solved-by-flexbox/) by Philip Walton