@hearthsound/design 0.1.7 → 0.1.9
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/css/base.css +1 -1
- package/css/components/shell.css +15 -5
- package/css/components/stepper.css +3 -0
- package/package.json +1 -1
package/css/base.css
CHANGED
|
@@ -246,7 +246,7 @@ a.link:focus-visible,
|
|
|
246
246
|
|
|
247
247
|
/* p02: inline code in running text, 13 px mono on the control tone, radius 5. */
|
|
248
248
|
.hs-inline-code {
|
|
249
|
-
padding:
|
|
249
|
+
padding: 1px 5px;
|
|
250
250
|
font-family: var(--hs-font-mono);
|
|
251
251
|
font-size: 13px;
|
|
252
252
|
background: var(--hs-control-tone);
|
package/css/components/shell.css
CHANGED
|
@@ -209,6 +209,13 @@ a.hs-lockup:focus-visible {
|
|
|
209
209
|
justify-content: center;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
+
/* Setup: 760 px column, 640 px form, Back and Continue at the ends. Step titles keep the
|
|
213
|
+
* board's 23 px at every width (p02-p06). */
|
|
214
|
+
.hs-setup .hs-title-3 {
|
|
215
|
+
font-size: 23px;
|
|
216
|
+
line-height: 1.2;
|
|
217
|
+
}
|
|
218
|
+
|
|
212
219
|
/* Setup: 760 px column, 640 px form, Back and Continue at the ends. */
|
|
213
220
|
.hs-setup {
|
|
214
221
|
display: flex;
|
|
@@ -245,12 +252,12 @@ a.hs-lockup:focus-visible {
|
|
|
245
252
|
padding: 14px;
|
|
246
253
|
}
|
|
247
254
|
|
|
255
|
+
/* The plain frame keeps its 24 px top padding on phones (l12-r1). */
|
|
248
256
|
.hs-onboarding__body {
|
|
249
|
-
padding:
|
|
257
|
+
padding: 24px 14px 24px;
|
|
250
258
|
}
|
|
251
259
|
|
|
252
|
-
.hs-onboarding__body > .hs-signin
|
|
253
|
-
.hs-onboarding--split .hs-onboarding__main .hs-signin {
|
|
260
|
+
.hs-onboarding__body > .hs-signin {
|
|
254
261
|
margin-top: 20vh;
|
|
255
262
|
}
|
|
256
263
|
|
|
@@ -259,9 +266,11 @@ a.hs-lockup:focus-visible {
|
|
|
259
266
|
grid-template-rows: auto 1fr;
|
|
260
267
|
}
|
|
261
268
|
|
|
269
|
+
/* Phones show the plain frame: the brand panel loses its tone (l12-r1 B). */
|
|
262
270
|
.hs-onboarding--split .hs-onboarding__brand {
|
|
263
271
|
justify-content: flex-start;
|
|
264
272
|
padding: 14px;
|
|
273
|
+
background: none;
|
|
265
274
|
}
|
|
266
275
|
|
|
267
276
|
/* The large lockup collapses to the small size on phones. */
|
|
@@ -276,9 +285,10 @@ a.hs-lockup:focus-visible {
|
|
|
276
285
|
height: 26px;
|
|
277
286
|
}
|
|
278
287
|
|
|
288
|
+
/* Phone sign-in: the column is centred in the space left, biased up by 20vh (l12-r1 B). */
|
|
279
289
|
.hs-onboarding__main {
|
|
280
|
-
align-items:
|
|
281
|
-
padding: 14px 14px
|
|
290
|
+
align-items: center;
|
|
291
|
+
padding: 14px 14px 20vh;
|
|
282
292
|
}
|
|
283
293
|
|
|
284
294
|
.hs-setup__actions {
|