Pile

A simple layout pattern to place items on top eachother, in a depth sense. The lower items in the DOM-tree are positioned more on top.

Implementation

<div class="pile">
  <img ... />
  <h2>text</h2>
</div>

API

Custom propertyDefaultDescription
--layout-ratioSets the aspect-ratio of the targeted element