A lightweight, flexible css framework that focus on mobile.

• Only 3.6kb after gzipped, less than Skeleton, Pure.css and Bootstrap v4, etc.
• Heavy use of flexbox, super flexible, less than 10 lines of custom style in the Homepage.
• Focus on mobile, show mobile pages in desktop with a sidebar on the left or right.

You can download Mobi.css in this page, then use dist/mobi.min.css for the compressed version.

Or use npm to install:

npm install --save mobi.css

You can also build Mobi.css to your project if you are using Sass.

@import 'mobi.css/src/mobi';

Be sure you have added node-modules to your Sass's load_paths.

• Use Autoprefixer to ensure Mobi.css works on all major mobile devices
• Browsers query comes from Browserslist
• Browsers marked as (*) were not well tested, but they should work fine

Before contributing, please ensure you have sass and scss-lint installed. You can install them by running this:

gem install sass
gem install scss_lint

npm install
npm start

Open http://localhost:8000/

npm test

We use Travis CI as our continuous integration system.

• The Homepage will be generated automatically when new commits are pushed to master branch
• Pull request cannot be merged when Travis CI not pass

All parts of Mobi.css are free to use and abuse under the open-source MIT license.