social-likes-nojq/gh-pages/tamia/modules/flippable/Readme.md

Flippable pane

Vertical or horizontal flippable pane. With 3D animation.

Markup

<div class="flippable js-flip" data-component="flippable">
	<div class="flippable__front">Front</div>
	<div class="flippable__back">Back</div>
</div>

Modifiers

.flippable.flippable_vertical

Vertical rotation (horizontal by default).

States

.flippable.is-flipped

Back side is visible.

Events

flipped.tamia

Fires on every flip. Argument will be true if back side is visible.

JS Hooks

.js-flip

Element that flips pane when clicked.