Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
README.md
sample.html
zocial-regular-webfont.eot
zocial-regular-webfont.svg
zocial-regular-webfont.ttf Port jekyll Bootstrap theme to ruhoh. Aug 10, 2012
zocial-regular-webfont.woff
zocial.css Port jekyll Bootstrap theme to ruhoh. Aug 10, 2012
zocial.stripped.css Port jekyll Bootstrap theme to ruhoh. Aug 10, 2012

README.md

Zocial CSS social buttons

I basically rewrote this entire set so they are full vector buttons, meaning:

  • @font-face icons
  • custom font file for all social icons
  • icon font use private unicode spaces for accessibility
  • em sizing based on button font-size
  • support for about 83 different services
  • buttons and icons supported
  • no raster images (sweet)
  • works splendidly on any browser supporting @font-face
  • CSS3 degrades gracefully in IE8 and below etc.
  • also includes generic icon-less primary and secondary buttons

How to use these buttons

Button label here

or

<a class="zocial twitter'>Button label

  • Can be any element e.g. a, div, button etc.
  • Add class of .zocial
  • Add class for name of service e.g. .dropbox, .twitter, .github
  • Done :-)

Check out zocial.smcllns.com for demo and code examples.

Problems, questions or requests to @smcllns