D8CORE-334: Responsive Image Styles (#48)

* D8CORE-334: Updated breakpoints to match new ones in Decanter.

* D8CORE-334: Add responsive styles and update existing.

* D8CORE-334: Updated tests.

* D8CORE-334: Remove upscaling.

config/install/image.style.breakpoint_2xl_1x.yml

@@ -0,0 +1,14 @@
+langcode: en
+status: true
+dependencies: { }
+name: breakpoint_2xl_1x
+label: 'Breakpoint - 2XL - 1x'
+effects:
+ 1d3ee4ae-e4f1-4c5f-8d8b-c366720d6b83:
+ uuid: 1d3ee4ae-e4f1-4c5f-8d8b-c366720d6b83
+ id: image_scale
+ weight: 1
+ data:
+ width: 1500
+ height: null
+ upscale: false

config/install/image.style.breakpoint_2xl_2x.yml

@@ -0,0 +1,14 @@
+langcode: en
+status: true
+dependencies: { }
+name: breakpoint_2xl_2x
+label: 'Breakpoint - 2XL - 2x'
+effects:
+ ad3f3a45-2c07-4b34-a146-e5253cadc5a1:
+ uuid: ad3f3a45-2c07-4b34-a146-e5253cadc5a1
+ id: image_scale
+ weight: 1
+ data:
+ width: 3000
+ height: null
+ upscale: false

config/install/image.style.breakpoint_lg_1x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: 3aTh0wxysVWRLQvsLSWuf9mYdAql9Ek2O4okVXG5cMs
 name: breakpoint_lg_1x
 label: 'Breakpoint - LG - 1x'
 effects:
@@ -9,6 +11,6 @@ effects:
  id: image_scale
  weight: 1
  data:
- width: 1024
+ width: 992
  height: null
  upscale: false

config/install/image.style.breakpoint_lg_2x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: cZXot4swbaAIIWXQw7ZhgPwlabmSTQOCZO8AIM5isGE
 name: breakpoint_lg_2x
 label: 'Breakpoint - LG - 2x'
 effects:
@@ -9,6 +11,6 @@ effects:
  id: image_scale
  weight: 1
  data:
- width: 2048
+ width: 1984
  height: null
  upscale: false

config/install/image.style.breakpoint_md_1x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: ofY6kXeN4lN9PG-eTaA78tAzx3ACWtTmlK-APH7PAZg
 name: breakpoint_md_1x
 label: 'Breakpoint - MD - 1x'
 effects:

config/install/image.style.breakpoint_md_2x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: TJO8X5EvB-f6_JLymfBhl0dJ2bP0rbm94sJLiSDGkGk
 name: breakpoint_md_2x
 label: 'Breakpoint - MD - 2x'
 effects:

config/install/image.style.breakpoint_sm_1x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: G0Vkgl6yKu6iHRjh_xyTEUsbM_lAgQ362aTGF_edkg0
 name: breakpoint_sm_1x
 label: 'Breakpoint - SM - 1x'
 effects:

config/install/image.style.breakpoint_sm_2x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: jR527GaKk-Mxem_ZnKUgnnXSaqpURbAxzC9WajqFb40
 name: breakpoint_sm_2x
 label: 'Breakpoint - SM - 2x'
 effects:

config/install/image.style.breakpoint_xl_1x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: Uy8HsoXATXaSNELbQv6oHjVXQ7CngyBOwJHzGkmOonY
 name: breakpoint_xl_1x
 label: 'Breakpoint - XL - 1x'
 effects:
@@ -9,6 +11,6 @@ effects:
  id: image_scale
  weight: 1
  data:
- width: 1500
+ width: 1200
  height: null
  upscale: false

config/install/image.style.breakpoint_xl_2x.yml

@@ -1,6 +1,8 @@
 langcode: en
 status: true
 dependencies: { }
+_core:
+ default_config_hash: Vh36ZWh1RSikZ0pbEJjgQa4UPqirYo__IZ1NsmQwTPA
 name: breakpoint_xl_2x
 label: 'Breakpoint - XL - 2x'
 effects:
@@ -9,6 +11,6 @@ effects:
  id: image_scale
  weight: 1
  data:
- width: 3000
+ width: 2400
  height: null
  upscale: false

config/install/image.style.card_1x_478x318.yml

@@ -0,0 +1,16 @@
+langcode: en
+status: true
+dependencies:
+ module:
+ - focal_point
+name: card_1x_478x318
+label: 'Card - 1X - 478x318'
+effects:
+ 4d7dd7d6-b4c9-475a-8ee0-8202c4c9ed27:
+ uuid: 4d7dd7d6-b4c9-475a-8ee0-8202c4c9ed27
+ id: focal_point_scale_and_crop
+ weight: 1
+ data:
+ width: 478
+ height: 318
+ crop_type: focal_point

config/install/image.style.card_2x_956x636.yml

@@ -0,0 +1,16 @@
+langcode: en
+status: true
+dependencies:
+ module:
+ - focal_point
+name: card_2x_956x636
+label: 'Card - 2X - 956x636'
+effects:
+ 2d61f395-da00-4db7-a98d-c9a4e3e1ba6d:
+ uuid: 2d61f395-da00-4db7-a98d-c9a4e3e1ba6d
+ id: focal_point_scale_and_crop
+ weight: 1
+ data:
+ width: 956
+ height: 366
+ crop_type: focal_point

config/install/image.style.cta_1x_507x338.yml

@@ -0,0 +1,16 @@
+langcode: en
+status: true
+dependencies:
+ module:
+ - focal_point
+name: cta_1x_507x338
+label: 'CTA - 1X - 507x338'
+effects:
+ 21c139d3-cf45-4994-a2c0-69d456bf238d:
+ uuid: 21c139d3-cf45-4994-a2c0-69d456bf238d
+ id: focal_point_scale_and_crop
+ weight: 1
+ data:
+ width: 507
+ height: 338
+ crop_type: focal_point

config/install/image.style.cta_1x_596x397.yml

@@ -0,0 +1,16 @@
+langcode: en
+status: true
+dependencies:
+ module:
+ - focal_point
+name: cta_1x_596x397
+label: 'CTA - 1X - 596x397'
+effects:
+ 19ac28d7-7fb1-4568-a745-c346a086d411:
+ uuid: 19ac28d7-7fb1-4568-a745-c346a086d411
+ id: focal_point_scale_and_crop
+ weight: 1
+ data:
+ width: 596
+ height: 397
+ crop_type: focal_point

config/install/image.style.cta_2x_1014x676.yml

@@ -0,0 +1,16 @@
+langcode: en
+status: true
+dependencies:
+ module:
+ - focal_point
+name: cta_2x_1014x676
+label: 'CTA - 2X - 1014x676'
+effects:
+ 135c1d89-e8f1-4da2-8298-603f3dac413a:
+ uuid: 135c1d89-e8f1-4da2-8298-603f3dac413a
+ id: focal_point_scale_and_crop
+ weight: 1
+ data:
+ width: 1014
+ height: 676
+ crop_type: focal_point

config/install/image.style.cta_2x_1192x794.yml

@@ -0,0 +1,16 @@
+langcode: en
+status: true
+dependencies:
+ module:
+ - focal_point
+name: cta_2x_1192x794
+label: 'CTA - 2X - 1192x794'
+effects:
+ 53821e7f-a825-4519-86f8-84dff276b0c6:
+ uuid: 53821e7f-a825-4519-86f8-84dff276b0c6
+ id: focal_point_scale_and_crop
+ weight: 1
+ data:
+ width: 1192
+ height: 794
+ crop_type: focal_point

config/install/responsive_image.styles.card_478x318.yml

@@ -0,0 +1,73 @@
+langcode: en
+status: true
+dependencies:
+ config:
+ - image.style.card_1x_478x318
+ - image.style.card_2x_956x636
+ module:
+ - stanford_image_styles
+id: card_478x318
+label: 'Card - 478x318'
+image_style_mappings:
+ -
+ breakpoint_id: stanford_image_styles.2xl
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: card_1x_478x318
+ -
+ breakpoint_id: stanford_image_styles.2xl
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: card_2x_956x636
+ -
+ breakpoint_id: stanford_image_styles.xl
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: card_1x_478x318
+ -
+ breakpoint_id: stanford_image_styles.xl
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: card_2x_956x636
+ -
+ breakpoint_id: stanford_image_styles.lg
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: card_1x_478x318
+ -
+ breakpoint_id: stanford_image_styles.lg
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: card_2x_956x636
+ -
+ breakpoint_id: stanford_image_styles.md
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: card_1x_478x318
+ -
+ breakpoint_id: stanford_image_styles.md
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: card_2x_956x636
+ -
+ breakpoint_id: stanford_image_styles.sm
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: card_1x_478x318
+ -
+ breakpoint_id: stanford_image_styles.sm
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: card_2x_956x636
+ -
+ breakpoint_id: stanford_image_styles.xs
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: card_1x_478x318
+ -
+ breakpoint_id: stanford_image_styles.xs
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: card_2x_956x636
+breakpoint_group: stanford_image_styles
+fallback_image_style: card_2x_956x636

config/install/responsive_image.styles.cta_596x397.yml

@@ -0,0 +1,75 @@
+langcode: en
+status: true
+dependencies:
+ config:
+ - image.style.cta_1x_507x338
+ - image.style.cta_1x_596x397
+ - image.style.cta_2x_1014x676
+ - image.style.cta_2x_1192x794
+ module:
+ - stanford_image_styles
+id: cta_596x397
+label: 'CTA - 596x397'
+image_style_mappings:
+ -
+ breakpoint_id: stanford_image_styles.2xl
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: cta_1x_596x397
+ -
+ breakpoint_id: stanford_image_styles.2xl
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: cta_2x_1192x794
+ -
+ breakpoint_id: stanford_image_styles.xl
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: cta_1x_596x397
+ -
+ breakpoint_id: stanford_image_styles.xl
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: cta_2x_1192x794
+ -
+ breakpoint_id: stanford_image_styles.lg
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: cta_1x_596x397
+ -
+ breakpoint_id: stanford_image_styles.lg
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: cta_2x_1192x794
+ -
+ breakpoint_id: stanford_image_styles.md
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: cta_1x_596x397
+ -
+ breakpoint_id: stanford_image_styles.md
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: cta_2x_1192x794
+ -
+ breakpoint_id: stanford_image_styles.sm
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: cta_1x_596x397
+ -
+ breakpoint_id: stanford_image_styles.sm
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: cta_2x_1192x794
+ -
+ breakpoint_id: stanford_image_styles.xs
+ multiplier: 1x
+ image_mapping_type: image_style
+ image_mapping: cta_1x_507x338
+ -
+ breakpoint_id: stanford_image_styles.xs
+ multiplier: 2x
+ image_mapping_type: image_style
+ image_mapping: cta_2x_1014x676
+breakpoint_group: stanford_image_styles
+fallback_image_style: cta_2x_1014x676