Permalink
Browse files

Adding the ability to have a link button: <a class="button">

  • Loading branch information...
nathansmith committed Aug 16, 2012
1 parent 0870706 commit 7b038c675ef7d7ec6bca47f6f89dfa6c8afcc1ae
View
@@ -41,9 +41,9 @@
input[type="search"]::-webkit-search-decoration
display: none
-// For Firefox
input,
button,
+.button,
select,
textarea
// Suppress red glow that Firefox
@@ -65,6 +65,7 @@ input[type="checkbox"]
+box-shadow(none)
button,
+a.button,
input[type="reset"],
input[type="submit"],
input[type="button"]
@@ -77,6 +78,7 @@ input[type="button"]
border-color: #ddd #bbb #999
cursor: pointer
color: #333
+ display: inline-block
// Helvetica Neue present, because it works better
// for line-height on buttons than Arial, on OS X.
font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif
@@ -85,6 +87,7 @@ input[type="button"]
margin: 0
padding: 3px 10px
text-shadow: #fff 0 1px 1px
+ text-decoration: none
vertical-align: top
width: auto
&:hover
@@ -103,6 +106,10 @@ input[type="button"]
border: 0
padding: 0
+a.button
+ // IE7
+ *padding-bottom: 3px
+
button
// IE7
*padding-top: 1px
@@ -153,7 +160,8 @@ input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
-textarea[disabled]
+textarea[disabled],
+a.button_disabled
+box-shadow(none)
-moz-user-select: -moz-none
-webkit-user-select: none
@@ -271,17 +279,25 @@ optgroup
// }
.ie6_button,
-* html button
+* html button,
+* html a.button
background: #ddd image-url('button.png') repeat-x
border: 1px solid
border-color: #ddd #bbb #999
cursor: pointer
color: #333
font: bold 12px/1.2 Arial, sans-serif
padding: 2px 10px 0px
+ text-decoration: none
overflow: visible
+ vertical-align: top
width: auto
+* html a.button
+ position: relative
+ top: 3px
+ padding-bottom: 2px
+
* html button
padding-top: 1px
padding-bottom: 1px
Oops, something went wrong.

0 comments on commit 7b038c6

Please sign in to comment.