@salesforcedevs/mrkt-components 1.3.173 → 1.3.196

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/mrkt-components",
3
- "version": "1.3.173",
3
+ "version": "1.3.196",
4
4
  "description": "Marketing Lightning web components for DSC",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -15,5 +15,5 @@
15
15
  "devDependencies": {
16
16
  "@types/classnames": "^2.2.10"
17
17
  },
18
- "gitHead": "85f6ef2fd7789804c470b862101492739432cc04"
18
+ "gitHead": "3ca1796a050dd87c8083f73e41d8cb0cfb15328d"
19
19
  }
@@ -4,7 +4,7 @@
4
4
  --mrkt-c-rectangular-heading-background-color: var(
5
5
  --dx-g-indigo-vibrant-15
6
6
  );
7
- --mrkt-c-rectangular-heading-background-color-faded: rgba(31, 9, 116, 0);
7
+ --mrkt-c-rectangular-heading-background-color-faded: rgb(31 9 116 / 0%);
8
8
  }
9
9
 
10
10
  .fade {
@@ -2,7 +2,7 @@
2
2
  @import "dxHelpers/text";
3
3
 
4
4
  :host {
5
- --image-aspect-ratio: 1.43554006969;
5
+ --image-aspect-ratio: 1.4355;
6
6
  --image-width: 350px;
7
7
  --image-height: calc(var(--image-width) / var(--image-aspect-ratio));
8
8
  --image-overlap: 44px;
@@ -34,8 +34,8 @@
34
34
  .section-header.light-gradient {
35
35
  background: linear-gradient(
36
36
  180deg,
37
- rgba(234, 245, 254) 42.08%,
38
- rgba(234, 245, 254, 0) 100%
37
+ rgb(234 245 254) 42.08%,
38
+ rgb(234 245 254 / 0%) 100%
39
39
  );
40
40
  }
41
41
 
@@ -112,8 +112,7 @@ dx-button {
112
112
  }
113
113
 
114
114
  .subnav.is-sticky {
115
- box-shadow: 0 0 2px rgba(24, 24, 24, 0.08),
116
- 0 2px 4px 1px rgba(24, 24, 24, 0.16);
115
+ box-shadow: 0 0 2px rgb(24 24 24 / 8%), 0 2px 4px 1px rgb(24 24 24 / 16%);
117
116
  }
118
117
 
119
118
  .subnav.is-sticky dx-button {
@@ -31,11 +31,9 @@
31
31
  width: 100%;
32
32
  max-width: 414px;
33
33
  display: grid;
34
- grid-template-areas:
35
- "icon title"
36
- "icon subtitle";
37
- grid-template-columns: min-content auto;
38
- grid-template-rows: min-content;
34
+ grid-template:
35
+ "icon title" min-content
36
+ "icon subtitle" auto / min-content auto;
39
37
  grid-gap: var(--dx-g-spacing-xs) var(--dx-g-spacing-mlg);
40
38
  }
41
39
 
@@ -62,6 +62,6 @@ h2 {
62
62
 
63
63
  img {
64
64
  width: 100%;
65
- margin: 0 auto 56px auto;
65
+ margin: 0 auto 56px;
66
66
  }
67
67
  }