Overview

Because I'm a fan of the new Google UI seen in Gmail, Docs, Calendar, etc, I decided to reproduce the look of these new UI elements for my own personal use.

Compatibility

This is being tested in the latest versions of Chrome, Firefox, and IE8+.

Notes:

• If you popovers plugin, be sure to use the updated version found in js/bootstrap-popovers.js.
• To use Google-styled menus, include the google-select*.js files from the js directory. You can activate the styling via jquery by calling $("select:not([multiple])").gSelect().

Requirements

• LESS - for compiling .less files into CSS
• Twitter Bootstrap - this will be automatically checked out, if necessary, during the build process

Building

To build the CSS file, simply run make from the top-level directory. If necessary, Twitter Bootstrap will be automatically checked out.

The resulting CSS file will be found at dist/google-bootstrap.css.

Demo

http://todc.github.com/css3-google-buttons/index.html

License

Public domain: http://unlicense.org

Acknowledgements

Inspired by Twitter Bootstrap and, of course, Google.