I finally don't hate this button

The 'Learn more' is 100% CSS(3) in Sass & Compass


.button-primary-small {
background: #93BE27;
@include border-radius(4px);
border: 1px solid rgba(0,0,0,0.2);
border-bottom-width: 2px;
@include box-shadow(rgba(0,0,0,.45) 0 1px, rgba(0,0,0,0.1) 0 5px 10px 2px);
color: white;
font-weight: bold;
font-size: 15px;
padding: 0.35em 0.5em;
line-height: 1;
text-decoration: none;
@include text-shadow(rgba(0,0,0,.55) 0 1px 0);
&[disabled="disabled"] {
background: #999;
border-color: #999;
}
}

I went back to rolling my own styles after leaning on Sassy Buttons for too long.

More by Eric D. Fields

View profile