transition.html

{% comment %}
    Transitions can either be on top or on the bottom of other design elements.
    On the bottom they start on the left side  and slope out towards the center,
    on the top of elements they slope in from the center towards the right.

    The parameter `direction` is required and can be either
        * `bottom` / `left`
        * `top` / `right`
    to indicate where the transition should be.
{% endcomment %}

{% if include.direction == "left" or include.direction == "bottom" %}
    <div class="transition_on_bottom modernizr-generatedcontent">
        {% include slope.svg %}
    </div>
{% elsif include.direction == "right" or include.direction == "top" %}
    <div class="transition_on_top modernizr-generatedcontent">
        {% include slope.svg %}
    </div>
{% else %}
    <!-- Included transition, but no valid direction was set. -->
{% endif %}