anentrypoint-design 0.0.319 → 0.0.320

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/app-shell.css CHANGED
@@ -399,6 +399,22 @@ body.canvas-host { background: transparent !important; }
399
399
  .app-main > .ds-files-stack,
400
400
  .app-main > .grow { flex: 1 1 auto; min-height: 0; }
401
401
  .app-main.narrow { max-width: var(--measure-narrow); margin: 0 auto; }
402
+ /* Article-body heading rhythm and lede spacing, consumed by flatspace-rendered
403
+ long-form pages (docs, papers) that drop headings/panels directly into .app-main. */
404
+ .app-main > h1,
405
+ .app-main > h2,
406
+ .app-main > h3 { margin-top: 36px; margin-bottom: 12px; }
407
+ .app-main > h1:first-child { margin-top: 8px; }
408
+ .app-main > .panel,
409
+ .app-main > .work-detail-chips,
410
+ .app-main > .cli { margin-top: 18px; margin-bottom: 18px; }
411
+ .app-main .ds-lede { margin-top: 4px; margin-bottom: 18px; max-width: 64ch; line-height: 1.6; }
412
+ .work-detail-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; row-gap: 10px; }
413
+ @media (max-width: 720px) {
414
+ .app-main > h1,
415
+ .app-main > h2,
416
+ .app-main > h3 { margin-top: 28px; }
417
+ }
402
418
 
403
419
  @media (min-width: 1400px) {
404
420
  /* Fluid ceiling, not a hard stop: scales from 1400px up to 1920px across the
package/dist/247420.css CHANGED
@@ -951,6 +951,22 @@
951
951
  .ds-247420 .app-main > .ds-files-stack,
952
952
  .ds-247420 .app-main > .grow { flex: 1 1 auto; min-height: 0; }
953
953
  .ds-247420 .app-main.narrow { max-width: var(--measure-narrow); margin: 0 auto; }
954
+ /* Article-body heading rhythm and lede spacing, consumed by flatspace-rendered
955
+ long-form pages (docs, papers) that drop headings/panels directly into .app-main. */
956
+ .ds-247420 .app-main > h1,
957
+ .ds-247420 .app-main > h2,
958
+ .ds-247420 .app-main > h3 { margin-top: 36px; margin-bottom: 12px; }
959
+ .ds-247420 .app-main > h1:first-child { margin-top: 8px; }
960
+ .ds-247420 .app-main > .panel,
961
+ .ds-247420 .app-main > .work-detail-chips,
962
+ .ds-247420 .app-main > .cli { margin-top: 18px; margin-bottom: 18px; }
963
+ .ds-247420 .app-main .ds-lede { margin-top: 4px; margin-bottom: 18px; max-width: 64ch; line-height: 1.6; }
964
+ .ds-247420 .work-detail-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; row-gap: 10px; }
965
+ @media (max-width: 720px) {
966
+ .ds-247420 .app-main > h1,
967
+ .ds-247420 .app-main > h2,
968
+ .ds-247420 .app-main > h3 { margin-top: 28px; }
969
+ }
954
970
 
955
971
  @media (min-width: 1400px) {
956
972
  /* Fluid ceiling, not a hard stop: scales from 1400px up to 1920px across the