A single list item for a “tombstone” information block.
<div class="pb-4 lg:pb-5 px-0 md:px-4 lg:px-6 text-lg lg:text-xl lg:grid lg:grid-cols-3 lg:gap-4 pt-4 lg:pt-5">
<dt class="border-none font-medium text-tertiary-900">
Lorem Ipsum
</dt>
<dd class="sm:col-span-2 azalea-text-md">
Iaculis. Deleniti, occaecat, ea maiores laoreet vestibulum.
</dd>
</div>
{% apply spaceless %}
{# Prop: inline #}
{% if inline is defined and inline is same as('false') %}
{% set inline = 0 %}
{% else %}
{% set inline = 1 %}
{% endif %}
{% set classes = ['pb-4', 'lg:pb-5', 'px-0', 'md:px-4', 'lg:px-6', 'text-lg', 'lg:text-xl'] %}
{% if inline %}
{% set classes = classes|merge(['lg:grid', 'lg:grid-cols-3', 'lg:gap-4']) %}
{% endif %}
{# Prop: border #}
{% if not border == 'none' %}
{% set classes = classes|merge(['border-t', 'border-tertiary-200']) %}
{% endif %}
{# Prop: first #}
{% if not first %}
{% set classes = classes|merge(['pt-4', 'lg:pt-5']) %}
{% endif %}
<div class="{{ classes|join(' ') }}">
<dt class="border-none font-medium text-tertiary-900{% if not inline %} py-4{% endif %}">
{{ term }}
{% block label %}{% endblock label %}
</dt>
<dd class="{% if inline %}sm:col-span-2 {% else %}py-4 {% endif %}azalea-text-md">
{{ text }}
{% block content %}{% endblock content %}
</dd>
</div>
{% endapply %}