iknowl / jquery-mobile-flat-ui-theme

jQuery Mobile Flat UI Theme

jQuery Mobile Flat-UI Theme

Theme for jQuery Mobile based on Flat-UI.

Demo

http://ququplay.github.com/jquery-mobile-flat-ui-theme

Versions

We are going to use master branch to keep up to date with jQuery Mobile versions. Previous versions will be moved to corresponding branches.

Current branch layout

• master - jQuery Mobile version 1.3.1
• jqm-1.3.0 - jQuery Mobile version 1.3.0

Usage

• Copy jquery.mobile.flatui.css, fonts and images from generated folder to your project. Include link to jquery.mobile.flatui.css

 <link rel="stylesheet" type="text/css" href="jquery.mobile.flatui.css" />

• jquery-mobile-flat-ui-theme is a bower component you should be able to install it by running:

bower install jqm-flatui

or if you already have a bower based project you can add jquery-mobile-flat-ui-theme to your dependency list in bower.json

 "dependencies": {
    ...
    "jqm-flatui": "latest"
    ...
  }

Include link to jquery.mobile.flatui.css

 <link rel="stylesheet" type="text/css" href="/components/generated/jquery.mobile.flatui.css" />

Setup

In order to add a new swatch or colors you can add a new stylus file under src/stylus/swatches/ and run grunt from your command line.

• brew install node
• npm install -g grunt-cli
• cd to project's folder
• npm install
• grunt watch
• start modifying css/stylus files

Contributors

• @tomkuk
• @mkuklis

##License:

The WTFPL License