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

Font Awesome Scss Core (Unofficial)

3 years after

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

awesome-bootstrap-checkbox

awesome-bootstrap-checkbox

Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look pre ...

font-awesome-rails

font-awesome-rails

the font-awesome font bundled as an asset for the rails asset pipeline ...

font-awesome-sass

font-awesome-sass

Font-Awesome Sass gem for use in Ruby/Rails projects ...

font-awesome-sass-rails

font-awesome-sass-rails

Font Awesome, SASS version, with assets pipeline, for Rails 3.1+ ...

ember-font-awesome

ember-font-awesome

ember-cli addon for using Font Awesome icons in Ember apps ...


Top Contributors

dnomak brianfryer

Releases

-   1.0.0 zip tar