react-jss-grid

React JSS Grid a flexbox grid.

---

> This project is inspired / based on the grid of material-ui.

Installation

``shell
$ npm install --save react-jss-grid
`

Development

If you'd like to contribute to this project, all you need to do is clone
this project and run:

`shell
$ npm install
$ npm run build
$ npm run build:watch // To recompile files on file change
`

Examples

##### Custom breakpoints

When creating your theme you can define custom breakpoints the following way:
`js
import generateBreakPoints from 'react-jss-grid/utils/breakpoints'

const theme = {
breakpoints: generateBreakPoints({
values: {
xs: 360,
sm: 600,
md: 960,
lg: 1280,
xl: 1920,
},
}),
...
}
`

$3


You can use npm link to use your development version in your own project:
- Go to react-jss-grid directory and execute command npm link
- Go to your project directory and execute command npm link react-jss-grid`

License

> Internet Systems Consortium license
> ===================================
>
> The MIT License (MIT)
>
> Copyright (c) 2015 David Zukowski
>
> Permission is hereby granted, free of charge, to any person obtaining a copy
> of this software and associated documentation files (the "Software"), to deal
> in the Software without restriction, including without limitation the rights
> to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
> copies of the Software, and to permit persons to whom the Software is
> furnished to do so, subject to the following conditions:
>
> The above copyright notice and this permission notice shall be included in all
> copies or substantial portions of the Software.
>
> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
> FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
> AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
> LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
> OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
> SOFTWARE.

Collaboration

If you have questions or issues, please open an issue!