@salesforcedevs/dx-components 1.3.271 → 1.3.272

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.3.271",
3
+ "version": "1.3.272",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -46,5 +46,5 @@
46
46
  "volta": {
47
47
  "node": "16.19.1"
48
48
  },
49
- "gitHead": "c6b1d35774b3596ad36dd646bdb11e8c9146de9c"
49
+ "gitHead": "68caa41a114cdb1a156f8766011ff321530f54aa"
50
50
  }
@@ -24,6 +24,14 @@
24
24
  --dx-c-featured-content-header-swoop-height: 30%;
25
25
  --dx-c-featured-content-header-background-image-position: top right;
26
26
  --dx-c-featured-content-header-background-image-size: contain;
27
+ --dx-c-featured-content-header-image-padding-top: calc(
28
+ 50% + var(--dx-c-featured-content-header-padding-horizontal) / 2
29
+ );
30
+ --dx-c-featured-content-header-image-margin-right: calc(
31
+ var(--dx-c-featured-content-header-padding-horizontal) * -1
32
+ );
33
+ --dx-c-featured-content-header-image-border-radius: var(--image-radius) 0 0
34
+ var(--image-radius);
27
35
  }
28
36
 
29
37
  .container {
@@ -424,17 +432,13 @@ dx-image-and-label {
424
432
 
425
433
  @media screen and (max-width: 1401px) {
426
434
  .img-placement_below .image-container {
427
- padding-top: calc(
428
- 50% + var(--dx-c-featured-content-header-padding-horizontal) / 2
429
- );
435
+ padding-top: var(--dx-c-featured-content-header-image-padding-top);
430
436
  margin-top: var(--item-spacing);
431
- margin-right: calc(
432
- var(--dx-c-featured-content-header-padding-horizontal) * -1
433
- );
437
+ margin-right: var(--dx-c-featured-content-header-image-margin-right);
434
438
  }
435
439
 
436
440
  .img-placement_below img {
437
- border-radius: var(--image-radius) 0 0 var(--image-radius);
441
+ border-radius: var(--dx-c-featured-content-header-image-border-radius);
438
442
  }
439
443
  }
440
444