/rrssb

Ridiculously Responsive Social Sharing Buttons

Primary LanguageJavaScript

Ridiculously Responsive Social Sharing Buttons

Love them or hate them social sharing buttons appear to be with us for a while. It seemed like we were constantly making custom buttons for every single project, so we decided to create a super flexible system that would work in any container.

RRSSB is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automagically in the container.

Demo

View the demo here

Usage

Buttons will automatically fill to the size of the ul rrssb-buttons.

Adding a class of popup to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window.

RRSSB is also registered with Bower under the name RRSSB. Use the following command to find it: bower search rrssb

FAQ

Why are buttons so small on mobile?
The current demo is just to show how large and small it can go. Remember: the buttons fill their container. We recommend a full width container for mobile, so that icons remain larger and touch-friendly.

About

RRSSB is a KNI Labs freebie crafted by @dbox and @seagoat.

This content is released under the Creative Commons Attribution-ShareAlike 4.0 International license.