Responsive Social Sharing Buttons Built with SASS

RRSSB(Ridiculously Responsive Social Sharing Buttons) is social sharing buttons kit built with SASS by the KNI Team. It can be easily customized by tweaking the variables.

rrssb-preview

Usage

Add the css file in the head:

<link rel="stylesheet" href="css/rrssb.css" />

Add the following code to show the buttons:

<ul class="rrssb-buttons clearfix">
    <li class="email"> ... </li>
    <li class="facebook"> ... </li>
    ...
    <li class="googleplus"> ...</li>
 </ul>

Finally add the js files:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery.1.10.2.min.js"><\/script>')</script>
<script src="js/rrssb.min.js"></script>

Browser Support

  • IE9+
  • All Modern Browsers (Chrome, Safari, Firefox and Opera)
  • Tested between 140px and 15,465px
Website: http://kurtnoble.com/labs/rrssb/
Github: https://github.com/kni-labs/rrssb
License: Creative Commons Attribution-ShareAlike 4.0 International