Lunds universitet - Style Guide

Image: Object Fit 

<img src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x, ../../images/_content/placeholder_1@2x.jpg 2x" alt="Image description" class=" img-fit">
 
{{#if src}}
  {{#if src-2x}}
    <img src="{{path src}}" srcset="{{path src}} 1x, {{path src-2x}} 2x{{#if src-3x}}, {{path src-3x}} 3x{{/if}}" alt="{{alt}}"{{#if modifiers}} class="{{modifiers modifiers}}"{{/if}}>
  {{else}}
    <img src="{{path src}}" alt="{{alt}}"{{#if modifiers}} class="{{modifiers modifiers}}"{{/if}}>
  {{/if}}
{{else}}
  <img src="" alt="{{alt}}"{{#if modifiers}} class="{{modifiers modifiers}}"{{/if}}>
{{/if}}
 
{
  "src": "/images/_content/placeholder_1@1x.jpg",
  "src-2x": "/images/_content/placeholder_1@2x.jpg",
  "alt": "Image description",
  "modifiers": [
    "img-fit"
  ]
}

No notes defined.