Social Sharing Buttons

Social Sharing Buttons

Social Sharing Buttons is a CSS file that allows you to add social sharing buttons to your website.

Install using Git:

git clone https://github.com/brandonhimpfen/social-sharing-buttons

Features

Here are the main features of Social Sharing Buttons:

  • Only 4KB in size (un-minified);
  • Four (4) additional sizing options;
  • Social media websites include Twitter, Facebook, Google+, Stumbleupon, Reddit and LinkedIn.
  • Email sharing button.
  • Easily add round corners or no round corners (coming soon).

How-to Use

Using Social Sharing Buttons is simple. Firstly, add it to your website like so:

<link rel="stylesheet" type="text/css" href="path-to-file/socialsharing.css" />

Now, to create a button, add the btn classname to any <a> or <button> element.

<a class="btn" href="#">Button</a>

or

<button class="btn">Button</button>

After the btn classname, you can add four (4) additional sizing options:

  • extra small btn-xs
  • small btn-sm
  • large btn-lg
  • extra large btn-xl

Lastly, you can add the social media website classname:

btn-website

Where website is the social media website name, such as Twitter and Facebook.