Clean up responsive image styles

This commit is contained in:
Keegan Rankin 2024-12-02 09:46:34 -08:00
parent 3db3937b88
commit 1f00cb521d
7 changed files with 99 additions and 32 deletions

View file

@ -20,7 +20,7 @@ dependencies:
- field.field.node.article.field_topics
- field.field.node.article.field_upload
- node.type.article
- responsive_image.styles.wide
- responsive_image.styles.card_extra_wide
module:
- datetime
- ds
@ -120,13 +120,11 @@ content:
type: media_responsive_thumbnail
label: hidden
settings:
responsive_image_style: wide
responsive_image_style: card_extra_wide
image_link: content
image_loading:
attribute: lazy
third_party_settings:
ds:
ds_limit: ''
third_party_settings: { }
weight: 0
region: ds_content
field_publication_date:

View file

@ -17,7 +17,7 @@ dependencies:
- field.field.node.blog.field_topics
- field.field.node.blog.field_upload
- node.type.blog
- responsive_image.styles.wide
- responsive_image.styles.card_extra_wide
module:
- ds
- field_group
@ -114,13 +114,11 @@ content:
type: media_responsive_thumbnail
label: hidden
settings:
responsive_image_style: wide
responsive_image_style: card_extra_wide
image_link: ''
image_loading:
attribute: lazy
third_party_settings:
ds:
ds_limit: ''
third_party_settings: { }
weight: 0
region: ds_content
hidden:

View file

@ -18,7 +18,7 @@ dependencies:
- field.field.node.collection.field_tags
- field.field.node.collection.field_topics
- node.type.collection
- responsive_image.styles.wide
- responsive_image.styles.card_extra_wide
module:
- ds
- field_group
@ -107,13 +107,11 @@ content:
type: media_responsive_thumbnail
label: hidden
settings:
responsive_image_style: wide
responsive_image_style: card_extra_wide
image_link: ''
image_loading:
attribute: lazy
third_party_settings:
ds:
ds_limit: ''
third_party_settings: { }
weight: 0
region: ds_content
hidden:

View file

@ -11,7 +11,7 @@ dependencies:
- field.field.node.gleaning.field_publication_date
- field.field.node.gleaning.field_upload
- node.type.gleaning
- responsive_image.styles.wide
- responsive_image.styles.card_extra_wide
module:
- datetime
- ds
@ -83,13 +83,11 @@ content:
type: media_responsive_thumbnail
label: hidden
settings:
responsive_image_style: wide
responsive_image_style: card_extra_wide
image_link: ''
image_loading:
attribute: lazy
third_party_settings:
ds:
ds_limit: ''
third_party_settings: { }
weight: 0
region: ds_content
field_publication_date:

View file

@ -18,11 +18,11 @@ effects:
data:
crop_type: extra_wide_rectangle
automatic_crop_provider: automated_crop_default
dda19dc4-0ccc-42b1-ae8f-65df895b1075:
uuid: dda19dc4-0ccc-42b1-ae8f-65df895b1075
id: image_scale
weight: 2
1556c95b-f766-48de-ad6d-b6a75a18a632:
uuid: 1556c95b-f766-48de-ad6d-b6a75a18a632
id: image_scale_and_crop
weight: 3
data:
width: 270
height: null
upscale: false
height: 135
anchor: center-top

View file

@ -18,11 +18,11 @@ effects:
data:
crop_type: extra_wide_rectangle
automatic_crop_provider: automated_crop_default
9bd514b3-1894-4e9e-889c-8588c2c5b6b9:
uuid: 9bd514b3-1894-4e9e-889c-8588c2c5b6b9
id: image_scale
weight: 2
96baa943-7908-4b3a-9dee-a9216c921aaa:
uuid: 96baa943-7908-4b3a-9dee-a9216c921aaa
id: image_scale_and_crop
weight: 3
data:
width: 650
height: null
upscale: false
height: 325
anchor: center-top

View file

@ -0,0 +1,75 @@
uuid: 1fad7383-b40e-4834-bc15-ee0377f12d58
langcode: en
status: true
dependencies:
config:
- image.style.drutopia_extra_wide_extra_small
- image.style.drutopia_extra_wide_medium
- image.style.drutopia_extra_wide_small
module:
- drutopia_core
id: card_extra_wide
label: 'Wide Card'
image_style_mappings:
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_small
breakpoint_id: drutopia_core.fullhd
multiplier: 1x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_extra_small
breakpoint_id: drutopia_core.widescreen
multiplier: 1x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_small
breakpoint_id: drutopia_core.desktop
multiplier: 1x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_medium
breakpoint_id: drutopia_core.fullhd
multiplier: 2x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_small
breakpoint_id: drutopia_core.widescreen
multiplier: 2x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_medium
breakpoint_id: drutopia_core.desktop
multiplier: 2x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_small
breakpoint_id: drutopia_core.tablet
multiplier: 1x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_medium
breakpoint_id: drutopia_core.tablet
multiplier: 2x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_small
breakpoint_id: drutopia_core.mobile
multiplier: 1x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_medium
breakpoint_id: drutopia_core.mobile
multiplier: 2x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_extra_small
breakpoint_id: drutopia_core.all
multiplier: 1x
-
image_mapping_type: image_style
image_mapping: drutopia_extra_wide_small
breakpoint_id: drutopia_core.all
multiplier: 2x
breakpoint_group: drutopia_core
fallback_image_style: drutopia_extra_wide_extra_small