Design Seeds Boiler - Component Library

Card: Default 

<div class="card">
    <div class="card__inner">
        <div class="tags">tags</div>

        <h3 class="card__heading">Title</h3>

    </div>

    <div class="card__btm">
        <div class="card__link">
            <span class="card__link-text">Read More</span>
            <svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
                <use xlink:href="#icon__arrow"></use>
            </svg>

        </div>
    </div>
</div>
 
<div class="card">
    <div class="card__inner">
        {% if not hidetags %}
        <div class="tags">{{ tags | default('tags')}}</div>
        {% endif %}

        {% if date %}
        <div class="card__date">{{ date }}</div>
        {% endif %}
        <h3 class="card__heading">{{ name | default('Title') }}</h3>

        {% if desc %}
        <div class="card__desc">{{ desc }}</div>
        {% endif %}
    </div>

    <div class="card__btm">
        <div class="card__link">
            <span class="card__link-text">Read More</span> {% render '@icon--icon__arrow' with {'svgsize':'a-icon__svg--x2'} %}
        </div>
    </div>
</div>
 
/* No context defined. */

No notes defined.