University of Derby

Feature Block 

<section class="feature-block">
    <p>Many studies have shown that a stronger connection to nature increases a person’s life satisfaction and happiness, at the same time as lowering anxiety levels.</p>
    <p>Now DEFRA (Department for the Environment, Food and Rural Affairs) has made re-connecting people with nature a key theme in its new 25-year plan; a document that our researchers contributed to.</p>
</section>
 
<section class="{% if scheme %}feature-block-{{ scheme }}{% else %}feature-block{% endif %}">
    {% if content %}
        {{ content }}
    {% else %}
        {% block content %}{% endblock %}
    {% endif %}
</section>
 
{
  "content": "<p>Many studies have shown that a stronger connection to nature increases a person’s life satisfaction and happiness, at the same time as lowering anxiety levels.</p><p>Now DEFRA (Department for the Environment, Food and Rural Affairs) has made re-connecting people with nature a key theme in its new 25-year plan; a document that our researchers contributed to.</p>"
}
  • Content: 
    .feature-block {
    @include large-body-font;
    
    background: $primary-blue;
    padding: fluid-margin();
    color: $white;

    @include for-largerthan-ipad-portrait {
        padding: $max-size;
    }

    &-white {
        @extend .feature-block;
        background: $white;
        color: $text-black;
    }

    &-blue {
        @extend .feature-block;
        background: $primary-blue;
    }

    &-black {
        @extend .feature-block;
        background: $black;
    }
}
  • URL: /components/raw/feature-block/feature-block.scss
  • Filesystem Path: components/atoms/feature-block/feature-block.scss
  • Size: 489 Bytes

There are no notes for this item.