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.cssYou 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.
| 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
Before contributing, please ensure you have sass and scss-lint installed. You can install them by running this:
gem install sass
gem install scss_lintnpm install
npm startnpm testWe 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.