templates/default/components/molecules/video-text/video-text.html.twig line 1

Open in your IDE?
  1. <div class="video-text">
  2. <div class="video-text__inner">
  3. {% if headline|length == 1 %}
  4. <div class="video-text__headline">
  5. {# atoms/headline #}
  6. {{ render_storyblok(headline) }}
  7. </div>
  8. {% endif %}
  9. <div class="video-text__content">
  10. {% if video|length == 1 %}
  11. {% set videoPositionModifier = (videoPosition is defined) ? ' video-text__video--' ~ videoPosition : '' %}
  12. {% set videoSizeModifier = (videoSize is defined) ? ' video-text__video--' ~ videoSize : '' %}
  14. <div class="video-text__video{{ videoPositionModifier }}{{ videoSizeModifier }}">
  15. <div class="video-text__video__inner">
  16. {# atoms/youtube #}
  17. {{ render_storyblok(video) }}
  18. </div>
  19. </div>
  20. {% endif %}
  22. <div class="video-text__description">
  23. {% if subheadline|length == 1 %}
  24. <div class="video-text__subheadline">
  25. {# atoms/headline #}
  26. {{ render_storyblok(subheadline, {
  27. 'class': 'headline--no-spacing',
  28. }) }}
  29. </div>
  30. {% endif %}
  32. {% if description|length == 1 %}
  33. <div class="video-text__text">
  34. {# atoms/paragraph #}
  35. {{ render_storyblok(description, {
  36. 'class': 'paragraph--no-margin',
  37. }) }}
  38. </div>
  39. {% endif %}
  41. {% if button|length == 1 %}
  42. <div class="video-text__action">
  43. {# atoms/button #}
  44. {{ render_storyblok(button) }}
  45. </div>
  46. {% endif %}
  47. </div>
  48. </div>
  49. </div>
  50. </div>