Resource card

Default

<div class="card card--resource">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">
        <div class="card__icon"></div>
        <span class="card__type">Resource</span>
    </div>

</div>

Highlight Colours

<div class="card card--resource" data-post-type="orange">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">
        <div class="card__icon"></div>
        <span class="card__type">Resource</span>
    </div>

</div>

<div class="card card--resource" data-post-type="resource">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">
        <div class="card__icon"></div>
        <span class="card__type">Resource</span>
    </div>

</div>

Background Colours

<div class="card card--resource" data-colour-scheme="light" data-post-type="post">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">
        <div class="card__icon"></div>
        <span class="card__type">Blog</span>
    </div>

</div>

<div class="card card--resource" data-colour-scheme="light" data-post-type="resource">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">
        <div class="card__icon"></div>
        <span class="card__type">Resource</span>
    </div>

</div>