1.3.10 • Published 6 years ago
plasma.css v1.3.10
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.cssFeatures
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 installStart the app
npm run app:devDependencies and integrations
Dependencies
Integrations
Twitter Bootstrap 3 Sass Version (optional)
References
Flexbox References
Solved by Flexbox by Philip Walton