font-awesome-scss 0,0,0,0 Bower

Font Awesome Scss Core (Unofficial)

#fa-scss-plus Font Awesome Scss Plus

##Install

####Bower

$ bower install --save fa-scss-plus

##Using

###Html

<ul>
  <li><a href="#">Github</a></li>
  <li><a href="#">Twitter</a></li>
</ul>

###Icon CodePen · http://codepen.io/dnomak/pen/EaWKmr

ul li:first-child a:before {
  @include fa;
  @include fa(github);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
}

###Size CodePen · http://codepen.io/dnomak/pen/ByWKYR

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-size(2em);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-size(2em);
}

###Left CodePen · http://codepen.io/dnomak/pen/QwONgX

ul li:first-child a:after {
  @include fa;
  @include fa(github);
  @include fa-left(10px);
}
ul li:last-child a:after {
  @include fa;
  @include fa(twitter);
  @include fa-left(20px);
}

###Right CodePen · http://codepen.io/dnomak/pen/ZYaWJb

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-right(10px);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-right(20px);
}

###Align CodePen · http://codepen.io/dnomak/pen/RNpaMR

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-size(2em);
  @include fa-align(top);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-size(2em);
  @include fa-align(bottom);
}

###Rotated CodePen · http://codepen.io/dnomak/pen/pveyLK

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-rotate(90deg);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-rotate(180deg);
}

###Flipped CodePen · http://codepen.io/dnomak/pen/JoWXBP

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-flip(horizontal);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-flip(vertical);
}

###Spin CodePen · http://codepen.io/dnomak/pen/QwpNBm

@include fa-spin;
ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-spin(1s);
}
ul li:last-child a:before{
  @include fa;
  @include fa(twitter);
  @include fa-spin(5s);
}

Related Repositories

font-awesome-scss

font-awesome-scss

Font Awesome Scss Core (Unofficial) ...

angular-starter-kit

angular-starter-kit

An opinionated starter template for crafting single-page web applications using Angular.js, Coffeescript, SCSS, Jade, Bootstrap, UI-Router, Font-Awesome and a few other carefully picked tools. ...

radiate

radiate

A Laravel 4 starter with HTML5 Boiler Plate, Bootstrap, Font Awesome, SCSS, and a login/register script ...

meteor-font-awesome-sass

meteor-font-awesome-sass

Font Awesome scss files packaged for Meteor ...

Font-Awesome-Placeholder

Font-Awesome-Placeholder

Font-Awesome with SCSS placeholder syntax ...


Top Contributors

dnomak brianfryer

Releases

-   1.0.0 zip tar