<ul class="usa-icon-list usa-icon-list--size-lg">
<li class="usa-icon-list__item">
<div class="usa-icon-list__icon text-green">
<svg class="usa-icon" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#attach_money"></use>
</svg>
</div>
<div class="usa-icon-list__content">
<h3 class="usa-icon-list__title">Let the sun shine.</h3>
<p>On sunny days, open your curtains to allow the sun to naturally warm the rooms of your home without using electricity. Natural sunlight can also lift your mood to help brighten your day. On warm days, close your curtains to help keep your house cool.</p>
</div>
</li>
<li class="usa-icon-list__item">
<div class="usa-icon-list__icon text-green">
<svg class="usa-icon" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#attach_money"></use>
</svg>
</div>
<div class="usa-icon-list__content">
<h3 class="usa-icon-list__title">Adjust your schedule.</h3>
<p>Instead of running high-energy-use appliances such as dishwashers and clothes dryers during mid-afternoon or early evening hours, operate them early in the morning or late at night. Some utilities charge less at off-peak times, which will help reduce your costs.</p>
</div>
</li>
<li class="usa-icon-list__item">
<div class="usa-icon-list__icon text-green">
<svg class="usa-icon" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#attach_money"></use>
</svg>
</div>
<div class="usa-icon-list__content">
<h3 class="usa-icon-list__title">Fill it up.</h3>
<p>Wash full loads, whether it’s clothes or dishes. Washing multiple small loads means you’re using and heating more water, which can increase your expenses. Using cold water for clothes washing can also help lower your costs.</p>
</div>
</li>
</ul>
No notes defined.
<ul class="usa-icon-list{% if color %} usa-icon-list--{{ color }}{% endif %}{% if size %} usa-icon-list--size-{{ size }}{% endif %}">
{%- for item in items -%}
<li class="usa-icon-list__item">
<div class="usa-icon-list__icon{% if item.icon.color %} text-{{ item.icon.color }}{% endif %}">
<svg class="usa-icon{% if item.icon.utilities %} {{ item.icon.utilities }}{% endif %}" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#{{ item.icon.name }}"></use>
</svg>
</div>
<div class="usa-icon-list__content">
{{ item.content | safe }}
</div>
</li>
{%- endfor -%}
</ul>
package:
name: null
version: 2.1.0
uswds:
path: ../../dist
items:
- icon:
name: attach_money
color: green
utilities: null
content: >
<h3 class="usa-icon-list__title">Let the sun shine.</h3>
<p>On sunny days, open your curtains to allow the sun to naturally warm
the rooms of your home without using electricity. Natural sunlight can
also lift your mood to help brighten your day. On warm days, close your
curtains to help keep your house cool.</p>
- icon:
name: attach_money
color: green
utilities: null
content: >
<h3 class="usa-icon-list__title">Adjust your schedule.</h3>
<p>Instead of running high-energy-use appliances such as dishwashers and
clothes dryers during mid-afternoon or early evening hours, operate them
early in the morning or late at night. Some utilities charge less at
off-peak times, which will help reduce your costs.</p>
- icon:
name: attach_money
color: green
utilities: null
content: >
<h3 class="usa-icon-list__title">Fill it up.</h3>
<p>Wash full loads, whether it’s clothes or dishes. Washing multiple small
loads means you’re using and heating more water, which can increase your
expenses. Using cold water for clothes washing can also help lower your
costs.</p>
size: lg