Custom theme (replace with client name)

Tag List: Default 

<div class="tag-list">
    <div class="tag-list__topics-list">
        <div class="topic-list">
            <span class="topic-list__item">Education</span>
            <span class="topic-list__item">Youth Development</span>
        </div>
    </div>
</div>
 
<div class="tag-list">
    {% if relatedPostLinks %}
        <div class="tag-list__related-links">
            {% include "partials/topics/topics.twig" with {
                topics: relatedPostLinks,
                hasLinks: true,
                postType: 'focus-area'
            } %}
        </div>
    {% endif %}
    {% if topics %}
        <div class="tag-list__topics-list">
            {% include "partials/topics/topics.twig" with {
                topics: topics,
                hasLinks: false
            } %}
        </div>
    {% endif %}
</div>
 
{
  "topics": [
    "Education",
    "Youth Development"
  ],
  "hasLinks": true,
  "postType": "focus area"
}
  • Content: 
    .tag-list
    display flex
    flex-direction row
    flex-wrap wrap
    margin-top 12px
    margin-bottom 12px

    +above(1000px)
        margin-top 24px
        grid-gap 24px


    &__topics-list
    &__related-links
        display flex

        +below(1000px)
            margin-right 24px
  • URL: /components/raw/tag-list/tag-list.styl
  • Filesystem Path: patterns/partials/tag-list/tag-list.styl
  • Size: 296 Bytes

No notes defined.