Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/betsydupuis/plasma.css
A robust, yet minimalist CSS grid framework based on Flexbox.
https://github.com/betsydupuis/plasma.css
css flexbox grid-framework grid-layout grid-system sass
Last synced: about 1 month ago
JSON representation
A robust, yet minimalist CSS grid framework based on Flexbox.
- Host: GitHub
- URL: https://github.com/betsydupuis/plasma.css
- Owner: betsydupuis
- License: mit
- Created: 2016-03-22T23:25:17.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-06-22T00:23:28.000Z (over 6 years ago)
- Last Synced: 2024-10-15T11:04:08.774Z (4 months ago)
- Topics: css, flexbox, grid-framework, grid-layout, grid-system, sass
- Language: CSS
- Homepage: http://betsydupuis.github.io/plasma.css/
- Size: 865 KB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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)
## References
### Flexbox References
[Solved by Flexbox](https://philipwalton.github.io/solved-by-flexbox/) by Philip Walton