Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Description updated

  • Loading branch information...
commit 28577c06d055686552030b41313bfef154b351aa 1 parent 52560bd
@catalinred authored
Showing with 54 additions and 4 deletions.
  1. +54 −4 README.md
View
58 README.md
@@ -1,4 +1,54 @@
-CSS3 patterned buttons
-======================
-
-A new collection of buttons.
+# CSS3 patterned buttons #
+
+[red-team-design.com/css3-patterned-buttons](http://www.red-team-design.com/css3-patterned-buttons)
+
+## Buttons ##
+
+Basically, to create a button, the only thing you have to do is this:
+
+ <a href="" class="button">Button</a>
+ <button class="button">Button</button>
+
+## Different buttons sizes ##
+
+If you want to make a more prominent or a less prominent call-to-action button, you have options:
+
+ <button class="small button">Button</button>
+ <button class="large button">Button</button>
+
+## Various buttons colors ##
+
+You will need custom colors for successful actions or negative ones as delete:
+
+ <button class="button">Button</button>
+ <button class="color red button">Button</button>
+ <button class="color green button">Button</button>
+ <button class="color blue button">Button</button>
+
+## Disabled states ##
+
+In case you are using buttons or inputs, in some cases you will need them to be disabled until a certain task is triggered:
+
+ <button class="button" disabled>Button</button>
+ <button class="color red button" disabled>Button</button>
+ <button class="color green button" disabled>Button</button>
+ <button class="color blue button" disabled>Button</button>
+
+## Grouped buttons ##
+
+There will be cases when you will need to group similar call-to-action buttons:
+
+ <ul class="button-group">
+ <li><button class="button">Button</button></li>
+ <li><button class="button">Button</button></li>
+ <li><button class="button">Button</button></li>
+ <li><button class="button">Button</button></li>
+ </ul>
+
+## Browser compatibility ##
+
+CSS3 patterned buttons works in all major browsers. But of course CSS3 features used here do not work in oder browsers like IE8 and below.
+
+## License ##
+
+Public domain: [http://unlicense.org](http://unlicense.org)
Please sign in to comment.
Something went wrong with that request. Please try again.