FAA Pattern Library - Music

Content With Pager 

<div class="content-with-pager content-with-pager--light content-with-pager--">
    <div class="content-with-pager__content">
        <div class="content-with-pager__wrapper
            ">
            <div class="
            content-with-pager__list
            content-with-pager__list--light
            
        ">
                No content found.
            </div>
        </div>
    </div>
</div>
 
<div class="content-with-pager content-with-pager--{{ background }} content-with-pager--{{ displayType }}">
    <div class="content-with-pager__content">
        <div class="content-with-pager__wrapper
            ">
            <div class="
            content-with-pager__list
            content-with-pager__list--{{ background }}
            {{ withCards ? 'content-with-pager__list--with-cards' }}
        ">
                {% block content %}
                    No content found.
                {% endblock %}
                {%  if pagination %}
                    <div class="content-with-pager__pager">
                        {% if pagination.pages %}
                            {% include 'partials/pager/pager.twig' %}
                        {% endif %}
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
 
{
  "siteUnit": "music",
  "departmentName": "Music",
  "background": "light"
}
  • Content: 
    .content-with-pager
    background-color charcoalLight

    &--light
        background-color cloudDark

    &__wrapper
        position relative

    &__list--with-cards
        position relative

    &__list--full-width
        +above(1000px)
            margin-left 0
  • URL: /components/raw/content-with-pager/content-with-pager.styl
  • Filesystem Path: components/templates/content-with-pager/content-with-pager.styl
  • Size: 271 Bytes
  • Handle: @content-with-pager
  • Preview:
  • Filesystem Path: components/templates/content-with-pager/content-with-pager.twig

There are no notes for this item.