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

normalize.css

Integrations

Twitter Bootstrap 3 Sass Version (optional)

References

Flexbox References

Solved by Flexbox by Philip Walton