templates\_tools-modal.html.twig line 1

Open in your IDE?
  1. {% if toolsFlag %}
  2. <a href="#" class="tools-btn" data-modal-open data-modal-id="#tools-modal">
  3.   <span class="tools-btn__icon">
  4.     
  5.     <picture>
  6.           <source srcset="/build/{{subPath}}/img/tools-btn/icon.webp, /build/{{subPath}}/img/tools-btn/icon@2x.webp 2x" type="image/webp">
  7.           <img src="/build/{{subPath}}/img/tools-btn/icon.png" srcset="/build/{{subPath}}/img/tools-btn/icon@2x.png 2x" alt="#">
  8.       </picture>
  9.   </span>
  10.   <span class="tools-btn__name">My Tools</span>
  11. </a>
  12. {% endif %}
  13. <div class="modal js-modal" id="tools-modal">
  14.   <div class="modal__wrapper">
  16.     <div class="modal__overlay" data-modal-close></div>
  17.     <div class="modal__container">
  18.       <div class="modal__content">
  20.         <a href="#" class="modal__close" data-modal-close>
  21.           <svg width="24" height="25" viewBox="0 0 24 25" fill="none">
  22.             <path d="M18.0022 6.48767L5.99707 18.4928" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  23.             <path d="M18.0063 18.5001L5.99121 6.48242" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  24.           </svg>            
  25.         </a>
  27.         <div class="modal__title">My Study Tools</div>
  29.         <div class="tools">
  30.             {% if tools is defined %}
  31.             {% for tool in tools %}
  32.                 {% include "parts/_tool-item.html.twig" %}
  33.             {% endfor %}
  34.             {% endif %}  
  35.   
  36. </div>
  38.       </div>
  39.     </div>
  40.   </div>
  41. </div>