HiVolda Styleguide

Promo 

<a class="promo" href="">
    <picture>
        <source media="(min-width: 800px)" srcset="/images/campaign-large.png 1x, /images/campaign-large@2x.png 2x ">
        <source media="(min-width: 400px)" srcset="/images/campaign-medium.png 1x, /images/campaign-medium@2x.png 2x">
        <source srcset="/images/campaign-small.png 1x, /images/campaign-small@2x.png 2x">
        <img src="/images/campaign-medium.png" alt="Dokfilm 2017 26. - 30. april">
    </picture>
</a>
 
<a class="promo" href="{{ href }}">
  <picture>
    <source media="(min-width: 800px)" srcset="{{ srcset_large }} ">
    <source media="(min-width: 400px)" srcset="{{ srcset_medium }}">
    <source srcset="{{ srcset_small }}">
    <img src="{{ src }}" alt="{{ alt }}">
  </picture>
</a>
 
{
  "alt": "Dokfilm 2017 26. - 30. april",
  "src": "/images/campaign-medium.png",
  "srcset_small": "/images/campaign-small.png 1x, /images/campaign-small@2x.png 2x",
  "srcset_medium": "/images/campaign-medium.png 1x, /images/campaign-medium@2x.png 2x",
  "srcset_large": "/images/campaign-large.png 1x, /images/campaign-large@2x.png 2x"
}

No notes defined.