<div class="filter_results">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="filter_results_inner">
<p class="filter_results_description">
<span class="filter_results_label">180 Results</span>
<span class="filter_results_category"></span>
</p>
<div class="filter_results_selected">
<div class=" filter_results_selected_items">
<div class="filter_results_selected_item js-filter-tool-selected fs-swap-active" id="digital-equity" data-toggle="digital-equity" data-index="0">
<span class="filter_results_selected_item_label">Digital Equity</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected fs-swap-active" id="physical-health" data-toggle="physical-health" data-index="1">
<span class="filter_results_selected_item_label">Physical Health</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected fs-swap-active" id="social-media" data-toggle="social-media" data-index="2">
<span class="filter_results_selected_item_label">Social Media</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected fs-swap-active" id="preschooler" data-toggle="preschooler" data-index="0">
<span class="filter_results_selected_item_label">3-5 yrs Preschooler</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected fs-swap-active" id="elementary" data-toggle="elementary" data-index="1">
<span class="filter_results_selected_item_label">6-10 yrs Elementary</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected fs-swap-active" id="middle" data-toggle="middle" data-index="2">
<span class="filter_results_selected_item_label">11-13 yrs Middle</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected " id="high-school" data-toggle="high-school" data-index="3">
<span class="filter_results_selected_item_label">14-18 yrs High School</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected " id="tip-sheet" data-toggle="tip-sheet" data-index="0">
<span class="filter_results_selected_item_label">Tip Sheet</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
<div class="filter_results_selected_item js-filter-tool-selected " id="scholarly-article" data-toggle="scholarly-article" data-index="1">
<span class="filter_results_selected_item_label">Scholarly Article</span>
<span class="filter_results_selected_item_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</div>
</div>
</div>
<div class="filter_results_action theme_blue_wash">
<a href="page-news-listing.html" class="filter_results_reset_link theme_">
<span class="filter_results_reset_link_inner">
<span class="filter_results_reset_link_label">Clear All</span>
<span class="filter_results_reset_link_icon" aria-hidden="true">
<svg class="icon icon_reset">
<use href="/images/icons.svg#reset" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-filter-results' with {
category: '',
results:'25',
reset_action: {
class: 'filter_results_reset',
title: 'Clear All',
url: 'page-news-listing.html',
icon: 'reset'
}
} %}
#}
<div class="filter_results">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="filter_results_inner">
<p class="filter_results_description">
<span class="filter_results_label">{{ results }} Results</span>
<span class="filter_results_category">{{ category }}</span>
</p>
<div class="filter_results_selected">
<div class=" filter_results_selected_items">
{% for tool in tools %}
{% for option in tool.options %}
<div class="filter_results_selected_item js-filter-tool-selected {% if option.selected == true %}fs-swap-active{% endif %}" id="{{ option.value }}" data-toggle="{{ option.value }}" data-index="{{ loop.index0 }}">
<span class="filter_results_selected_item_label">{{ option.label }}</span>
<span class="filter_results_selected_item_icon">{{ icon('close') }}</span>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
<div class="filter_results_action theme_blue_wash">
{% include '@partial-link' with {
class: 'filter_results_reset',
title: 'Clear All',
url: 'page-news-listing.html',
icon: 'reset'
} %}
</div>
</div>
</div>
</div>
</div>
No notes defined.