@hearthsound/design 0.1.7 → 0.1.8

package/css/base.css

@@ -246,7 +246,7 @@ a.link:focus-visible,
 
 /* p02: inline code in running text, 13 px mono on the control tone, radius 5. */
 .hs-inline-code {
-  padding: 0 4px;
+  padding: 1px 5px;
   font-family: var(--hs-font-mono);
   font-size: 13px;
   background: var(--hs-control-tone);

package/css/components/shell.css

@@ -209,6 +209,13 @@ a.hs-lockup:focus-visible {
   justify-content: center;
 }
 
+/* Setup: 760 px column, 640 px form, Back and Continue at the ends. Step titles keep the
+ * board's 23 px at every width (p02-p06). */
+.hs-setup .hs-title-3 {
+  font-size: 23px;
+  line-height: 1.2;
+}
+
 /* Setup: 760 px column, 640 px form, Back and Continue at the ends. */
 .hs-setup {
   display: flex;
@@ -245,12 +252,12 @@ a.hs-lockup:focus-visible {
     padding: 14px;
   }
 
+  /* The plain frame keeps its 24 px top padding on phones (l12-r1). */
   .hs-onboarding__body {
-    padding: 0 14px 24px;
+    padding: 24px 14px 24px;
   }
 
-  .hs-onboarding__body > .hs-signin,
-  .hs-onboarding--split .hs-onboarding__main .hs-signin {
+  .hs-onboarding__body > .hs-signin {
     margin-top: 20vh;
   }
 
@@ -276,9 +283,10 @@ a.hs-lockup:focus-visible {
     height: 26px;
   }
 
+  /* Phone sign-in: the column is centred in the space left, biased up by 20vh (l12-r1 B). */
   .hs-onboarding__main {
-    align-items: flex-start;
-    padding: 14px 14px 24px;
+    align-items: center;
+    padding: 14px 14px 20vh;
   }
 
   .hs-setup__actions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hearthsound/design",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "license": "MIT",
   "description": "Design language of Hearthsound: tokens, fonts, icons and component styles",
   "repository": {