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. 11.x core/recipes/standard_responsive_images/config/responsive_image.styles.narrow.yml
  8. 10 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.