jQuery Mobile Flat-UI Theme

Flattr this git repo

Theme for jQuery Mobile based on Flat-UI.

jQuery-Mobile-Flat-UI-Theme

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

##License:

The WTFPL License