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