Skip to content

Instantly share code, notes, and snippets.

Last active Nov 5, 2015
What would you like to do?
Circular Background for Font Awesome Icons
.textwidget i {
background: none;
border: 3px solid #eee;
border-radius: 50%;
box-sizing: content-box;
color: #c7ad7b;
display: inline-block;
font-size: 3.42857rem;
height: 3.42857rem;
padding: 30px;
width: 3.42857rem;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
.textwidget i:hover {
color: black;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment