Great article!
Mic Cross
11

@crzymnmchl Thanks for reading! I also had the same trouble as you stacking the flip and rotate classes on the same Fontawesome icon. But you should be able to do this by combining a Fontawesome class and custom css. You could handle the flip with a class —

<i class=”fa fa-bar-chart fa-flip-horizontal”></i>

Then in your CSS file select the icon and apply a transform of type rotate —

i.fa-bar-chart.fa-flip-horizontal {
 -ms-transform: rotate(30deg); /* IE 9 */
 -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
 transform: rotate(30deg);
}

I tested that and it works in Chrome. You can of course specify the degrees you need in the CSS. I don’t love the selector for that CSS, and I’m sure you could improve it.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.