@salesforcedevs/docs-components 1.3.47 → 1.3.49-heading-styles

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/modules/doc/content/content.css +34 -30
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/docs-components",
3
- "version": "1.3.47",
3
+ "version": "1.3.49-heading-styles",
4
4
  "description": "Docs Lightning web components for DSC",
5
5
  "license": "MIT",
6
6
  "main": "index.js",
package/src/modules/doc/content/content.css CHANGED
@@ -64,54 +64,58 @@ td > img.content-image:first-child:last-child[alt="No"] {
64
64
  width: var(--dx-g-spacing-md);
65
65
  }
66
66
 
67
- h1 {
68
- font-family: var(--dx-g-font-display);
69
- font-size: var(--dx-g-text-4xl);
70
-
71
- /* not registered */
67
+ h1,
68
+ h2,
69
+ h3,
70
+ h4,
71
+ h5,
72
+ h6 {
72
73
  color: var(--dx-g-blue-vibrant-20);
73
- letter-spacing: -0.4px;
74
- line-height: 56px;
74
+ font-family: var(--dx-g-font-display);
75
+ font-weight: var(--dx-g-font-demi);
75
76
  }
76
77
 
77
- h2 {
78
- font-family: var(--dx-g-font-display);
78
+ h1 {
79
79
  font-size: var(--dx-g-text-3xl);
80
- color: var(--dx-g-blue-vibrant-20);
81
- letter-spacing: -0.1px;
80
+ letter-spacing: -0.85px;
82
81
  line-height: var(--dx-g-spacing-3xl);
82
+ margin: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-md) 0;
83
83
  }
84
84
 
85
- h3 {
86
- font-family: var(--dx-g-font-display);
87
- font-size: 32px;
88
- color: var(--dx-g-blue-vibrant-20);
89
- letter-spacing: -0.1px;
85
+ h2 {
86
+ /* Keeping font-size as 30 as per style guide, though we have 32 in design */
87
+ font-size: var(--dx-g-text-2xl);
88
+ letter-spacing: -0.6px;
90
89
  line-height: var(--dx-g-spacing-2xl);
90
+ margin: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-md) 0;
91
91
  }
92
92
 
93
- h4 {
94
- font-family: var(--dx-g-font-display);
93
+ h3 {
95
94
  font-size: var(--dx-g-text-xl);
96
- color: var(--dx-g-blue-vibrant-20);
97
- letter-spacing: 0;
95
+ letter-spacing: -0.5px;
98
96
  line-height: var(--dx-g-spacing-xl);
97
+ margin: var(--dx-g-spacing-xl) 0 var(--dx-g-spacing-md) 0;
98
+ }
99
+
100
+ h4 {
101
+ font-size: var(--dx-g-text-base);
102
+ letter-spacing: -0.5px;
103
+ line-height: var(--dx-g-spacing-lg);
104
+ margin: var(--dx-g-spacing-lg) 0 var(--dx-g-spacing-sm) 0;
99
105
  }
100
106
 
101
107
  h5 {
102
- font-family: var(--dx-g-font-display);
103
- font-size: var(--dx-g-text-lg);
104
- color: var(--dx-g-blue-vibrant-20);
105
- letter-spacing: 0;
106
- line-height: 28px;
108
+ font-size: var(--dx-g-text-sm);
109
+ letter-spacing: -0.3px;
110
+ line-height: var(--dx-g-spacing-mlg);
111
+ margin: var(--dx-g-spacing-md) 0 var(--dx-g-spacing-sm) 0;
107
112
  }
108
113
 
109
114
  h6 {
110
- font-family: var(--dx-g-font-display);
111
- font-size: var(--dx-g-text-base);
112
- color: var(--dx-g-blue-vibrant-20);
113
- letter-spacing: 0;
114
- line-height: var(--dx-g-spacing-mlg);
115
+ font-size: var(--dx-g-text-xs);
116
+ letter-spacing: -0.3px;
117
+ line-height: var(--dx-g-spacing-md);
118
+ margin: var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-sm) 0;
115
119
  }
116
120
 
117
121
  .dx-text-heading-alt-1 {