https://github.com/roblafeve/icon-button

A button style base (Requires Compass)
https://github.com/roblafeve/icon-button

Last synced: 14 days ago
JSON representation

A button style base (Requires Compass)

• Host: GitHub
• URL: https://github.com/roblafeve/icon-button
• Owner: roblafeve
• Created: 2013-01-01T19:52:45.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2013-01-02T17:07:27.000Z (almost 12 years ago)
• Last Synced: 2023-03-10T21:41:51.347Z (almost 2 years ago)
• Homepage: http://roblafeve.github.com/icon-button/
• Size: 199 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Icon Button

## Color

Add or adjust color subclasses by defining background-color.

## Icon

Create a new subclass for .icon (e.g. &.phone:before/after) and add the character as the content (e.g. content: 'x'). Depending on whether the icon is inserted before or after the button text, add a trailing or leading space (e.g. 'x ' for :before or ' x' for :after). Entypo (http://www.entypo.com) is the icon font used here, but can easily be replaced with one of your choice, or scrapped altogether if you prefer to link directly to an image (NOTE: content: url('...') would be an interesting way to add this with the current :before/:after element implementation)