plasma.css
v1.3.10
Published
A robust, yet minimalist CSS grid framework based on Flexbox.
Downloads
42
Maintainers
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
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? for more details.
Development
Install the dependencies
npm install
Start the app
npm run app:dev
Dependencies and integrations
Dependencies
Integrations
Twitter Bootstrap 3 Sass Version (optional)
References
Flexbox References
Solved by Flexbox by Philip Walton