link-button extendable (Sass/Compass)

Public

On most of the sites I make, I have to style elements which are links (<a>), but look like a button.
Use the following on <a>

Get raw version
css
  1. /* basic version */
  2. %link-button {
  3. display: inline-block;
  4. text-align: center;
  5. text-decoration: none;
  6. }
Get raw version
css
  1. /* more full-featured version */
  2. %link-button {
  3. @include border-radius(3px);
  4. display: inline-block;
  5. height: 30px;
  6. line-height: 30px;
  7. padding: 5px 10px;
  8. @include single-text-shadow(0, 1px, 1px, false, rgba(255, 255, 255, 0.7));
  9. text-align: center;
  10. text-decoration: none;
  11. @include transition((background-color 0.35s ease, text-shadow 0.35s ease));
  12. }