responsive_image.styles.narrow.yml

Same filename in this branch
  1. 8.9.x core/profiles/standard/config/optional/responsive_image.styles.narrow.yml
Same filename in other branches
  1. 9 core/profiles/standard/config/optional/responsive_image.styles.narrow.yml
  2. 9 core/profiles/demo_umami/config/optional/responsive_image.styles.narrow.yml
  3. 10 core/profiles/standard/config/optional/responsive_image.styles.narrow.yml
  4. 10 core/profiles/demo_umami/config/optional/responsive_image.styles.narrow.yml
  5. 11.x core/profiles/standard/config/optional/responsive_image.styles.narrow.yml
  6. 11.x core/profiles/demo_umami/config/optional/responsive_image.styles.narrow.yml
  7. 10 core/recipes/standard_responsive_images/config/responsive_image.styles.narrow.yml
  8. 11.x core/recipes/standard_responsive_images/config/responsive_image.styles.narrow.yml
core/profiles/demo_umami/config/optional/responsive_image.styles.narrow.yml

File

core/profiles/demo_umami/config/optional/responsive_image.styles.narrow.yml

View source
  1. langcode: en
  2. status: true
  3. dependencies:
  4. config:
  5. - image.style.max_1300x1300
  6. - image.style.max_325x325
  7. - image.style.max_650x650
  8. id: narrow
  9. label: Narrow
  10. image_style_mappings:
  11. -
  12. breakpoint_id: responsive_image.viewport_sizing
  13. multiplier: 1x
  14. image_mapping_type: sizes
  15. image_mapping:
  16. sizes: '(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw'
  17. sizes_image_styles:
  18. - max_1300x1300
  19. - max_650x650
  20. - max_325x325
  21. breakpoint_group: responsive_image
  22. fallback_image_style: max_325x325

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.