A lightweight, flexible css framework that focus on mobile.
- Homepage: http://getmobicss.com/
- Backup Homepage: http://getmobicss.xcatliu.com/
- 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.
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_lint
npm install
npm start
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.