chevrons are now added with CSS

Author: jean-gui

templates/components/listings/blog/filters.html.twig

@@ -22,11 +22,6 @@
                 <button type="button" class="button button--ghost with-icon with-icon--after"
                         style="display:none;" data-toggle="true">
                     {{ 'listing.blog.filters.categories'|trans({}, 'w3c_website_templates_bundle') }}
-                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon"
-                         focusable="false" aria-hidden="true" width="1em" height="1em">
-                        <path class="angle-down" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/>
-                        <path class="angle-up" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/>
-                    </svg>
                 </button>
                 <nav id="category-nav" aria-label="{{ 'listing.blog.filters.categories_label'|trans({}, 'w3c_website_templates_bundle') }}">
                     <ul class="clean-list" role="list">
@@ -47,11 +42,6 @@
                 <button type="button" class="button button--ghost with-icon with-icon--after"
                         style="display:none;" data-toggle="true">
                     {{ 'listing.blog.filters.archives'|trans({}, 'w3c_website_templates_bundle') }}
-                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon"
-                         focusable="false" aria-hidden="true" width="1em" height="1em">
-                        <path class="angle-down" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/>
-                        <path class="angle-up" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/>
-                    </svg>
                 </button>
                 <nav id="archive-nav" aria-label="{{ 'listing.blog.filters.archives_label'|trans({}, 'w3c_website_templates_bundle') }}">
                     <ul class="clean-list" role="list">

templates/components/listings/newsletters/filters.html.twig

@@ -6,11 +6,6 @@
                 <button type="button" class="button button--ghost with-icon with-icon--after"
                         style="display:none;" data-toggle="true">
                     {{ 'listing.newsletters.filters.archives'|trans({}, 'w3c_website_templates_bundle') }}
-                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon"
-                         focusable="false" aria-hidden="true" width="1em" height="1em">
-                        <path class="angle-down" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/>
-                        <path class="angle-up" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/>
-                    </svg>
                 </button>
                 <nav id="archive-nav" aria-label="{{ 'listing.newsletters.filters.archives_label'|trans({}, 'w3c_website_templates_bundle') }}">
                     <ul class="clean-list" role="list">

templates/components/listings/press-releases/filters.html.twig

@@ -6,11 +6,6 @@
                 <button type="button" class="button button--ghost with-icon with-icon--after"
                         style="display:none;" data-toggle="true">
                     {{ 'listing.press_releases.filters.archives'|trans({}, 'w3c_website_templates_bundle') }}
-                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon"
-                         focusable="false" aria-hidden="true" width="1em" height="1em">
-                        <path class="angle-down" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/>
-                        <path class="angle-up" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/>
-                    </svg>
                 </button>
                 <nav id="archive-nav" aria-label="{{ 'listing.press_releases.filters.archives_label'|trans({}, 'w3c_website_templates_bundle') }}">
                     <ul class="clean-list" role="list">