GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gustavohenke → zocial-less

gustavohenke / zocial-less

Licence: other
Zocial button set with LESS. Entirely vector-based social buttons.

Zocial social buttons - LESS version

This is the LESS version of the very nice Zocial social buttons, made by @samcollins. If you want new buttons, you may ask Sam on the Zocial official repository.

Zocial uses @font-face icons, which means:

  • custom font file for all social icons
  • icon font use private unicode spaces for accessibility (No longer the reality for all icons)
  • em sizing based on button font-size
  • support for 101 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

Preview

Want to see the buttons in live action? Access the following link then: http://gustavohenke.github.com/zocial-less/

How to use these buttons

<button class='zocial facebook'>Button label here</button>

or

<a class="zocial twitter">Button label</a>
  • 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 :-)

Under MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].