Font Awesome Testing

by hideki_a

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<p><a class="btn" href="#"><span>Contact</span></a></p>
<p><a class="btn" href="#"><i class="icon-envelope-alt"></i> Contact</a></p>

SCSS

[class^="icon-"]:before{
    margin-right: 5px;
}

.btn{
     display: inline-block;
     padding: 10px;
     border-radius: 3px;
     background-color: #3eb75b;
     text-align: center;
     &:link,
     &:visited,
     &:hover,
     &:active,
     &:focus{
          color: #fff;
          text-decoration: none;
     }
     &:hover,
     &:active,
     &:focus{
          background-color: #60c378;
     }
     .icon-envelope-alt:before{
         font-size: 2em;
     }
}