templates/pages/_includes/preloaders/_preload-visited_recently.html.twig line 1

Open in your IDE?
  2. <section class="preload preload-visited_recently">
  3. <div class="preload-label">{{ 'preloader.visited_recently.label'|trans }}</div>
  4. <div class="preload-cards">
  5. {% for i in 1..3 %}
  6. {% include "pages/_includes/preloaders/includes/_preload-card.html.twig" %}
  7. {% endfor %}
  8. </div>
  9. </section>
  11. <style>
  13. section.preload {
  14. position: relative;
  15. }
  17. section.preload div.preload-label{
  18. position: absolute;
  19. z-index: 2;
  20. top: 50%;
  21. left: 50%;
  22. transform: translate(-50%, -50%);
  23. width: 100%;
  25. color:#ACACAC;
  26. text-align: center;
  27. font-family: "Inter", sans-serif;
  28. font-size: 20px;
  29. font-style: normal;
  30. font-weight: 700;
  31. line-height: normal;
  32. }
  34. section.preload div.preload-cards{
  35. display: flex;
  36. gap: 28px;
  37. justify-content: space-between;
  38. align-items: stretch;
  39. }
  41. </style>