mobiStyle HTML Style Guide

This is a guide to using the mobiStyle HTML styles. The mobiStyle style does not contain any css for columns or layout. Therefore, it should work in concert with Foundation, Bootstrap, or whatever custom framework you choose. The mg class names are all prefixed with mg- so they should remain fairly unique and not interfere with your frameworks.

This guide is also not responsive. That's not the point of mobiStyle. mS is purely here to recreate the effects seen in the mobiGlas design docs presented by RSI/CIG.

Note: This guide DOES use some custom styles for layout. They are not a part of the mobiStyle, so ignore them when trying to integrate mobiStyle into your project

Loading mobiStyle

Just load jquery.mobistyle-min.js at the end of your body, and call $(document).mobiStyle();. That's it! If you want SVG animations for your buttons, be sure to load Snap.svg.

If there are features you don't want to use, you may pick and choose from the javascript files, and only load the ones you want. Or, you can ditch the js altogether, and just use the css! It's up to you!

mobiGlas and all related elements are property of Cloud Imperium Games and Roberts Space Industries Corp. Special thanks to /u/AlterEcho_bhvr and his comrades at Behavior Interactive for the awesome work they've done making mobiGlas a reality!