Mobi.css

A lightweight, flexible css framework that focus on mobile.

Introduction

• 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.

Getting started

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.

Browser Support

iOS	Android	Others
[√] Last 5 iOS versions	[√] Last 5 Android versions [√] Last 5 ChromeAndroid versions [√] Last 5 UCAndroid versions (*) [√] Last 5 FirefoxAndroid versions (*) [√] Last 5 OperaMobile versions (*) [√] Last 5 OperaMini versions (*) [√] Last 5 Samsung versions (*)	[√] Last 3 Chrome versions [√] Last 3 Firefox versions [√] Last 3 Safari versions [√] Last 3 Edge versions [√] Last 5 ExplorerMobile versions (*)

• 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

Contributing

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

Getting started

npm install
npm start

Open http://localhost:8000/

Testing

npm test

Travis CI

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

License

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