Reddit Button for Bootstrap using Sass and Font Awesome

Learn how-to create a Reddit social sharing button for the Bootstrap front-end framework using Sass and Font Awesome.

You must have Bootstrap and Font Awesome already added to your website.

HTML

Add the following where you wish the Reddit button to appear.

<a href="#" title="Reddit" class="btn btn-reddit btn-lg"><i class="fa fa-reddit fa-fw"></i> Reddit</a>

Sass

.btn-reddit {
	  background: #EE3825;
	  border-radius: 0;
	  color: #fff;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #b81e0e;
	}
	.btn-reddit:link, .btn-reddit:visited {
	  color: #fff;
	}
	.btn-reddit:active, .btn-reddit:hover {
	  background: #b81e0e;
	  color: #fff;
	}

CSS

.btn-reddit {
  background: #EE3825;
  border-radius: 0;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #b81e0e;
}

.btn-reddit:link, .btn-reddit:visited {
  color: #fff;
}

.btn-reddit:active, .btn-reddit:hover {
  background: #b81e0e;
  color: #fff;
}