42 |
43 |
48 | Lorem Ipsum Hereum 49 |
50 |├── .gitignore ├── README.md ├── bootstrap4 ├── app.js ├── app.scss ├── index.html └── webpack.config.js ├── bulma ├── app.js ├── app.scss ├── index.html └── webpack.config.js ├── foundation ├── app.js ├── app.scss ├── index.html └── webpack.config.js ├── milligram ├── app.js ├── app.scss ├── index.html └── webpack.config.js ├── package.json ├── pure ├── app.js ├── app.scss ├── index.html └── webpack.config.js ├── semantic ├── app.css ├── app.js ├── index.html └── webpack.config.js ├── uikit ├── app.js ├── app.scss ├── index.html └── webpack.config.js └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | */main.css 3 | */main.css.gz 4 | */bundle.js 5 | */.DS_Store 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Partner code to the CSS Framework comparison at 2 | 3 | https://medium.com/@imothee/evaluating-css-frameworks-bulma-vs-foundation-vs-milligram-vs-pure-vs-semantic-vs-uikit-503883bd25a3 -------------------------------------------------------------------------------- /bootstrap4/app.js: -------------------------------------------------------------------------------- 1 | import './app.scss'; 2 | -------------------------------------------------------------------------------- /bootstrap4/app.scss: -------------------------------------------------------------------------------- 1 | @import "~bootstrap/scss/bootstrap-reboot"; 2 | 3 | @import "~bootstrap/scss/_utilities"; 4 | @import "~bootstrap/scss/_type"; 5 | 6 | @import "~bootstrap/scss/_navbar"; 7 | @import "~bootstrap/scss/_jumbotron"; 8 | @import "~bootstrap/scss/_grid"; 9 | @import "~bootstrap/scss/_forms"; 10 | @import "~bootstrap/scss/_buttons"; -------------------------------------------------------------------------------- /bootstrap4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 19 | 20 |Today, Date Monthy
29 | 30 |Lorem Ipsum Hereum
36 |Made using Bootstrap4 Beta
75 |Today, Date Monthy
38 | 39 |
42 |
43 |
48 | Lorem Ipsum Hereum 49 |
50 |61 | 62 |
63 |68 | 69 |
70 |74 | Is this spam? 75 | 79 | 83 |
84 |88 | 89 |
90 |Today, Date Monthy
33 | 34 |Lorem Ipsum Hereum
40 |Made using Foundation
88 |Today, Date Monthy
38 | 39 |Lorem Ipsum Hereum
45 |Made using Milligram
78 |Today, Date Monthy
35 | 36 |Lorem Ipsum Hereum
42 |Made using Pure
81 |Today, Date Monthy
32 | 33 |Lorem Ipsum Hereum
40 |Today, Date Monthy
29 | 30 |Lorem Ipsum Hereum
36 |Made using UIKit
72 |