adamfairhead / webicons

Webicons is a set of resolution-independent social icons for use on your website. They use feature-detected SVG graphics (with PNG fallbacks) to display the icons over their appropriate negatively indented anchor titles.
531 stars 61 forks source link

Use background-image longhand syntax for resizing purposes #37

Open colourgarden opened 10 years ago

colourgarden commented 10 years ago

Using the shorthand background attribute when setting the background image for each class overrides the background-size:100% value being set on .webicon. This means, when using dimensions other than 30x30px, the background doesn’t get resized to fit the container. Using background-image longhand style solves this.