UNPKG

plasma.css

Version:

A robust, yet minimalist CSS grid framework based on Flexbox.

betsydupuis.github.io/plasma.css/

betsydupuis/plasma.css

64 lines (44 loc) • 1.94 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
# 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) <!-- ## Acknowledgements References --> ## References ### Flexbox References [Solved by Flexbox](https://philipwalton.github.io/solved-by-flexbox/) by Philip Walton