README.md
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.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.
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 (*) didn't well-tested, but they should works 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_lintGetting started
Open http://localhost:8000/
Testing
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.