search

imathis / fancy-buttons

Fancy CSS Buttons using Compass
http://brandonmathis.com/projects/fancy-buttons/
819 stars 55 forks source link

Making links and buttons look the same #35

Closed ramontayag closed 12 years ago

ramontayag commented 12 years ago

I'm applying the same style to links and buttons. For example, let's say I have a link (a tag) to edit an item, and right beside it, an input button to delete that item. Even if I apply the same button, the edit link's padding is different from the delete button. It looks like this with padding: 3px 10px

http://grab.by/bfJL

Is this a browser/HTML issue? Or a fancy buttons issue?

lawso017 commented 12 years ago

Make sure you're using the fancy-button-structure mixin:

fancy-button-structure($font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width, $line-height: $fb-line-height)

... and set the line-height property explicitly, as not all browsers will calculate a consistent line height between links and inputs.

ramontayag commented 12 years ago

Ohh.. that's great. Thanks @lawso017!