@deque/cauldron-styles 6.4.2-canary.2249b8a6 → 6.4.2-canary.2657ce8b
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 +48 -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,
|
|
@@ -1279,12 +1314,16 @@ button.Link {
|
|
|
1279
1314
|
height: calc(var(--button-thin-height) - 8px);
|
|
1280
1315
|
}
|
|
1281
1316
|
|
|
1317
|
+
/* Usage of .DefinitionButton is deprecated and no longer supported */
|
|
1318
|
+
|
|
1282
1319
|
.DefinitionButton {
|
|
1283
1320
|
display: inline;
|
|
1284
1321
|
vertical-align: baseline;
|
|
1285
1322
|
position: relative;
|
|
1286
1323
|
}
|
|
1287
1324
|
|
|
1325
|
+
/* Usage of .DefinitionButton is deprecated and no longer supported */
|
|
1326
|
+
|
|
1288
1327
|
.DefinitionButton button {
|
|
1289
1328
|
background-color: transparent;
|
|
1290
1329
|
color: var(--text-color-base);
|
package/package.json
CHANGED