Transform helpers

<span class="mirror">
Applies transform: rotateY(180deg); to element.
If you need to flip an element only in RTL adaptation, you might use on-rtl-mirror class (for arrow icons per example).
<span class="rotateX-180">
Applies transform: rotateX(180deg); to element.
<span class="rotateZ-90">
Applies transform: rotateZ(90deg); to element.
<span class="rotateZ-270">
Applies transform: rotateZ(270deg); to element.
<span class="opacity-50">
Applies opacity: .5 to element. Also exists opacity-40 and opacity-30.
<div class="filter-blur">
Makes something blurry