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.
over 1 year ago
keyboard shortcuts: ← previous shot → next shot L or F like
1 Response
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.
over 1 year ago