joshuaclayton / blueprint-css

A CSS framework that aims to cut down on your CSS development time

This URL has Read+Write access

moklett (author)
Tue Jun 16 07:42:10 -0700 2009
joshuaclayton (committer)
Sun Jun 28 10:12:52 -0700 2009
commit  0811b3d6bd7f865a272406f6f93057be4eba8c23
tree    3a6930b9f992714f154500efd966db603818f470
parent  d77e914e85669ff9f05034e51d4d6d8a9dba2fa9
name age message
..
directory icons/ Sun Nov 09 12:11:56 -0800 2008 Return of the buttons plugin [Montoya]
file readme.txt Sun Nov 09 12:11:56 -0800 2008 Return of the buttons plugin [Montoya]
file screen.css Tue Feb 03 11:30:02 -0800 2009 Specify :hover background-color instead of back... [joshuaclayton]
blueprint/plugins/buttons/readme.txt
Buttons

* Gives you great looking CSS buttons, for both <a> and <button>.
* Demo: particletree.com/features/rediscovering-the-button-element


Credits
----------------------------------------------------------------

* Created by Kevin Hale [particletree.com]
* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]


Usage
----------------------------------------------------------------

1) Add this plugin to lib/settings.yml.
   See compress.rb for instructions.

2) Use the following HTML code to place the buttons on your site:

  <button type="submit" class="button positive">
    <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
  </button>

  <a class="button" href="/password/reset/">
    <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
  </a>

  <a href="#" class="button negative">
    <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
  </a>