<section class="heirloom-quote" data-reveal>
  <div class="container">
    <div class="heirloom-quote__layout">
      <div class="heirloom-quote__mark" aria-hidden="true">&ldquo;</div>
      {%- if section.settings.quote != blank -%}
        <blockquote class="heirloom-quote__text">{{ section.settings.quote }}</blockquote>
      {%- endif -%}
      <div class="heirloom-quote__attribution">
        {%- if section.settings.author != blank -%}
          <span class="heirloom-quote__author">{{ section.settings.author }}</span>
        {%- endif -%}
        {%- if section.settings.detail != blank -%}
          <span class="heirloom-quote__detail">{{ section.settings.detail }}</span>
        {%- endif -%}
      </div>
    </div>
  </div>
</section>

{% schema %}
{
  "name": "Heirloom Quote",
  "class": "section-heirloom-quote",
  "settings": [
    { "type": "textarea", "id": "quote", "label": "Quote" },
    { "type": "text", "id": "author", "label": "Author" },
    { "type": "text", "id": "detail", "label": "Detail" }
  ],
  "presets": [{ "name": "Heirloom Quote" }]
}
{% endschema %}