Permalink
Browse files

Added Extended Icons Pack

Added Extended Sizes Pack
  • Loading branch information...
CodeFusion-zz committed Mar 23, 2012
1 parent 48e0d04 commit ce386b83803cc5159b40d51dce10be6b07727818
View
@@ -0,0 +1,3 @@
+ext_button_all/index.html
+ext_button_icons/index.html
+ext_button_size/index.html
View
@@ -2,7 +2,7 @@
CSS3 GitHub Buttons helps you easily create GitHub-style buttons from links, buttons, and inputs.
-Demo: [demo.codefusionlab.com/css3-github-buttons/](http://demo.codefusionlab.com/css3-github-buttons/)
+Demo: [http://demo.codefusionlab.com/css3-github-buttons/](http://demo.codefusionlab.com/css3-github-buttons/)
## Buttons ##
@@ -23,17 +23,17 @@ If you have a button that triggers a dangerous action, like deleting data, this
If you wish to emphasize a specific action you can add the class `big`.
<a href="#" class="button big">Create Project</a>
-
+
## Small buttons ##
Just to complement the `big` class.
<a href="#" class="button small">Create Project</a>
-
+
## Grouped buttons ##
Groups of buttons can be created by wrapping them in an element given a class of `button-group`. A less important group of buttons can be marked out by adding a further class, `minor-group`.
-
+
<div class="button-group minor-group">
<a href="#" class="button primary">Dashboard</a>
<a href="#" class="button">Inbox</a>
@@ -47,13 +47,13 @@ Displaying a mixture of grouped and standalone buttons, as might be seen in a to
<div class="actions button-container">
<a href="#" class="button primary">Compose new</a>
-
+
<div class="button-group">
<a href="#" class="button primary">Archive</a>
<a href="#" class="button">Report spam</a>
<a href="#" class="button danger">Delete</a>
</div>
-
+
<div class="button-group minor-group">
<a href="#" class="button">Move to</a>
<a href="#" class="button">Labels</a>
@@ -65,10 +65,10 @@ Displaying a mixture of grouped and standalone buttons, as might be seen in a to
A range of icons can be added (only for links and buttons) by adding a class of `icon` and any one of the provided icon classes.
<a href="#" class="button icon search">Search</a>
-
+
## Disabled Buttons ##
-You can use `class="disabled"` on any `<a>`, `<button>`, or `<input>` or you can use an attribute - `<input disabled="disabled">`
+You can use `class="disabled"` on any `<a>`, `<button>`, or `<input>` or you can use an attribute - `<input disabled="disabled">`
<a href="#button" class="button big disabled">Link Disabled</a>
<input type="submit" class="button big" value="Input Disabled" disabled="disabled" />
View

Large diffs are not rendered by default.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit ce386b8

Please sign in to comment.