Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
breakoutModewide
languagehtml
<div class="size-facet">
    <div class="row row--tight size-facet__items">
        {{#each values}}
            {{#if visible}}
                <div class="column column--3 size-facet__item{{attribute ' size-facet__item--selected' selected}}">
                    <div hawksearch-facet-value="{{value}}" class="size-facet__item__outer">
                        <div hawksearch-facet-value="{{value}}" class="size-facet__item__inner">
                            {{title}}
                        </div>
                    </div>
                    <span class="size-facet__item__actions">
                        {{#if excluded}}
                            <span hawksearch-facet-value-include="{{value}}" class="size-facet__item__actions__item" title="Include">
                                <hawksearch-icon name="plus"></hawksearch-icon>
                            </span>
                        {{else}}
                            <span hawksearch-facet-value-exclude="{{value}}" class="size-facet__item__actions__item" title="Exclude">
                                <hawksearch-icon name="minus"></hawksearch-icon>
                            </span>
                        {{/if}}
                    </span>
                </div>
            {{/if}}
        {{/each}}
    </div>
    {{#if showToggle}}
        <a hawksearch-facet-toggle rel="nofollow" class="facet__toggle">{{toggleText}}</a>
    {{/if}}
</div>