Fork-Awesome/src/_includes/examples/rotated-flipped.html

<section id="rotated-flipped">
  <h2 class="page-header">Rotated &amp; Flipped</h2>
  <div class="row">
    <div class="col-md-3 col-sm-4">
      <div style="font-size: 18px;">
        <i class="fa fa-shield"></i>&nbsp; normal<br>
        <i class="fa fa-shield fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
        <i class="fa fa-shield fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
        <i class="fa fa-shield fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
        <i class="fa fa-shield fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
        <i class="fa fa-shield fa-flip-vertical"></i>&nbsp; fa-flip-vertical
      </div>
    </div>
    <div class="col-md-9 col-sm-8">
      <p>
        To arbitrarily rotate and flip icons, use the <code>fa-rotate-*</code> and <code>fa-flip-*</code> classes.
      </p>
{% highlight html %}
<i class="fa fa-shield"></i>&nbsp; normal<br>
<i class="fa fa-shield fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i>&nbsp; icon-flip-vertical
{% endhighlight %}
    </div>
  </div>
</section>
cleaning up and adding new examples 2013-05-09 03:24:41 +02:00			`<section id="rotated-flipped">`
			`<h2 class="page-header">Rotated & Flipped</h2>`
			`<div class="row">`
getting responsive layout in place 2013-10-06 16:46:50 +02:00			`<div class="col-md-3 col-sm-4">`
rewriting examples for consistency 2013-10-23 16:05:10 +02:00			`<div style="font-size: 18px;">`
doc changes to match new default icon class fa 2013-10-21 01:12:13 +02:00			`<i class="fa fa-shield"></i>  normal<br>`
			`<i class="fa fa-shield fa-rotate-90"></i>  fa-rotate-90<br>`
			`<i class="fa fa-shield fa-rotate-180"></i>  fa-rotate-180<br>`
			`<i class="fa fa-shield fa-rotate-270"></i>  fa-rotate-270<br>`
			`<i class="fa fa-shield fa-flip-horizontal"></i>  fa-flip-horizontal<br>`
			`<i class="fa fa-shield fa-flip-vertical"></i>  fa-flip-vertical`
cleaning up and adding new examples 2013-05-09 03:24:41 +02:00			`</div>`
rewriting examples for consistency 2013-10-23 16:05:10 +02:00			`</div>`
			`<div class="col-md-9 col-sm-8">`
			`<p>`
			`To arbitrarily rotate and flip icons, use the <code>fa-rotate-</code> and <code>fa-flip-</code> classes.`
			`</p>`
merged rob's badass build system in with makefile after jekyll, made cheatsheet auto generating, make icon-fixed-width align right to ensure no pixelization, got rid of line numbers, fixed license typo, clarified that font awesome is free as in speech, not free as in beer 2013-05-23 19:14:14 +02:00			`{% highlight html %}`
doc changes to match new default icon class fa 2013-10-21 01:12:13 +02:00			`<i class="fa fa-shield"></i>  normal<br>`
			`<i class="fa fa-shield fa-rotate-90"></i>  fa-rotate-90<br>`
			`<i class="fa fa-shield fa-rotate-180"></i>  fa-rotate-180<br>`
			`<i class="fa fa-shield fa-rotate-270"></i>  fa-rotate-270<br>`
			`<i class="fa fa-shield fa-flip-horizontal"></i>  fa-flip-horizontal<br>`
			`<i class="fa fa-shield fa-flip-vertical"></i>  icon-flip-vertical`
cleaning up and adding new examples 2013-05-09 03:24:41 +02:00			`{% endhighlight %}`
			`</div>`
			`</div>`
			`</section>`