@deque/cauldron-styles 6.4.2-canary.2249b8a6 → 6.4.2-canary.41dad212
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/dist/index.css +44 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -103,14 +103,6 @@
|
|
|
103
103
|
/* fonts */
|
|
104
104
|
--base-font-family: 'Roboto', Helvetica, Arial, sans-serif;
|
|
105
105
|
|
|
106
|
-
/* font weight */
|
|
107
|
-
--font-weight-thin: 100;
|
|
108
|
-
--font-weight-light: 300;
|
|
109
|
-
--font-weight-normal: 400;
|
|
110
|
-
--font-weight-medium: 500;
|
|
111
|
-
--font-weight-bold: 700;
|
|
112
|
-
--font-weight-ultra-bold: 900;
|
|
113
|
-
|
|
114
106
|
/* icon sizes */
|
|
115
107
|
--icon-size: 24px;
|
|
116
108
|
|
|
@@ -151,6 +143,49 @@
|
|
|
151
143
|
--focus: var(--focus-dark);
|
|
152
144
|
}
|
|
153
145
|
|
|
146
|
+
:root {
|
|
147
|
+
--text-size-base: 16px;
|
|
148
|
+
|
|
149
|
+
/* headings */
|
|
150
|
+
--text-size-heading-1: 1.875rem; /* 30px */
|
|
151
|
+
--text-size-heading-2: 1.5rem; /* 24px */
|
|
152
|
+
--text-size-heading-3: 1.25rem; /* 20px */
|
|
153
|
+
--text-size-heading-4: 1.125rem; /* 18px */
|
|
154
|
+
--text-size-heading-5: 1rem; /* 16px */
|
|
155
|
+
--text-size-heading-6: 1rem; /* 16px */
|
|
156
|
+
|
|
157
|
+
--line-height-heading-1: 1.3;
|
|
158
|
+
--line-height-heading-2: 1.3;
|
|
159
|
+
--line-height-heading-3: 1.3;
|
|
160
|
+
--line-height-heading-4: 1.5;
|
|
161
|
+
--line-height-heading-5: 1.5;
|
|
162
|
+
--line-height-heading-6: 1.5;
|
|
163
|
+
|
|
164
|
+
/* weights */
|
|
165
|
+
--font-weight-thin: 100;
|
|
166
|
+
--font-weight-light: 300;
|
|
167
|
+
--font-weight-normal: 400;
|
|
168
|
+
--font-weight-medium: 500;
|
|
169
|
+
--font-weight-semi-bold: 600;
|
|
170
|
+
--font-weight-bold: 700;
|
|
171
|
+
--font-weight-ultra-bold: 900;
|
|
172
|
+
|
|
173
|
+
/* display */
|
|
174
|
+
--text-size-display-stat: 2.5rem; /* 36px */
|
|
175
|
+
--text-size-display-stat-small: 1.875; /* 30px */
|
|
176
|
+
|
|
177
|
+
--line-height-display-stat: 1.3;
|
|
178
|
+
|
|
179
|
+
/* buttons */
|
|
180
|
+
--text-size-button: 1rem; /* 16px */
|
|
181
|
+
|
|
182
|
+
/* body */
|
|
183
|
+
--text-size-body: 1rem; /* 16px */
|
|
184
|
+
--text-size-body-small: 0.875rem; /* 14px */
|
|
185
|
+
--line-height-body: 1.5;
|
|
186
|
+
--line-height-body-small: 1.7;
|
|
187
|
+
}
|
|
188
|
+
|
|
154
189
|
:root {
|
|
155
190
|
--workspace-background-color: #f0f2f5;
|
|
156
191
|
}
|
|
@@ -236,7 +271,7 @@ a {
|
|
|
236
271
|
}
|
|
237
272
|
|
|
238
273
|
p {
|
|
239
|
-
line-height:
|
|
274
|
+
line-height: var(--line-height-body);
|
|
240
275
|
}
|
|
241
276
|
|
|
242
277
|
.cauldron--theme-dark h1,
|
package/package.json
CHANGED