templates/Includes/Partials/weather-item-detail.html.twig line 1

Open in your IDE?
  1. <div class="weather-item weather-item--md text-center mx-auto">
  2.     <div class="weather-item__title font-decorative text-uppercase mb-0">{{ title }}</div>
  4.     <div class="row row-gutter--3 justify-content-center align-items-center mt-2 mt-md-3">
  5.         <div class="col-auto">
  6.             <img alt="{{ ('weather.icon.' ~ icon)|trans }}" class="img-fluid weather-item__img js-lazy-img" data-src="/static/debug/img/weather/{{ getWeatherIcon(icon) }}.svg">
  7.         </div>
  8.         <div class="col-auto">
  9.             <div class="font-default-bold {{ tempMax is defined ? 'mt-2 mt-md-4' : '' }}">
  10.                 <span class="weather-item__val">{{ temp }}°C</span>
  11.                 {% if tempMax is defined %}
  12.                     <span class="weather-item__val">{{ tempMax }}°C</span>
  13.                 {% endif %}
  14.             </div>
  15.         </div>
  16.     </div>
  18.     {% if wind is defined or rain is defined %}
  19.         <div class="row row-gutter--2 mt-2 mt-md-4 text-left text-nowrap">
  20.             {% if rain is defined %}
  21.                 <div class="col">
  22.                     <span class="icon icon-umbrella weather-item__detail-icon" aria-label="regen lorem ipsum" title="regen lorem ipsum"></span>
  23.                     {{ rain }}%
  24.                 </div>
  25.             {% endif %}
  26.             {% if wind is defined %}
  27.                 <div class="col text-right text-nowrap">
  28.                     <span class="icon icon-weather weather-item__detail-icon" aria-label="regen lorem ipsum" title="regen lorem ipsum"></span>
  29.                     {{ wind }} km/h
  30.                 </div>
  31.             {% endif %}
  32.         </div>
  33.     {% endif %}
  34. </div>