Spacing below header

Questions
,
1

Continuing the discussion from How to evaluate page header at the start of the page?:

How do I change the spacing from the header to the next piece of content? See how different are the red and blue lines in length.

75d3805c38becc6cda866799b90305fd88c274b1
75d3805c38becc6cda866799b90305fd88c274b1314Ă—242 8.39 KB

This post discusses headings in particular, but the behavior is identical with regular text, and likely any piece of content.

The size of the header is fixed, so inserting a v() in it just moves the content in it around. I suppose it is possible to move the entire body accordingly, or change height of the header together with the spacing of… something… yikes.

2

The space below headings (blue line) is controlled by block.spacing:

#show heading: set block(below: 0.2em)

Relevant docs: Paragraph Function – Typst Documentation and Block Function – Typst Documentation

2 Likes
3

header, the page’s header; not heading. I hate how similar is the terminology.
I want to modify the spacing in between the header and the heading or any other piece of content, not from headings to anything else.

In fact, I got them confused while writing this paragraph…

4

Hello, the red-coloured spacing in your image can be increased by using header-ascent values greater than the default, which at the moment is 30% + 0pt. Lower values are of course also valid, but then you will probably soon need to increase the top margin in order to avoid overlapping contents.

It’s an argument for page that behaves like footer-descent.

5

Thank you. Somehow, I missed the existence of this parameter. Although, this doesn’t make “moving the text down” that simple. I suppose I can modify the height of the top margin and the header ascent equally.

6 
let top-margin = 2.5/21 * 8.5in // us-letter
let header-to-body = 0.3 * top-margin // default header ascent
let delta = 2em - header-to-body // 2em being par.leading
set page(margin: (top: top-margin + delta), header-ascent: header-to-body + delta)

Works. A note: even though I set the page.paper as "us-letter", and par.leading as 2em, accessing them later in the same context block returns the old values. This seems to be the way typst handles context in general:

#set text(size: 20pt)
#context text.size // 20pt

#context {
  set text(size: 30pt)
  text.size // 20pt
}

Although unwanted in this case, I suppose there’s a good reason for this behavior. Regardless, a “margin buffer/pad” parameter would have been useful. Again, I suppose there is a good reason for it not being implemented. I also doubt my solution is the cleanest one, but it does work.

7

You can automate this with a small hack:

#import "@preview/scaffolder:0.2.1": get-page-margins

#set page("us-letter", header: "text")
#set par(leading: 2em)

#show: it => context {
  let delta = par.leading - page.header-ascent.ratio * get-page-margins().top
  set page(
    margin: (top: get-page-margins().top + delta),
    header-ascent: page.header-ascent + delta,
  )
  it
}

context is a “cut off” line, you change the styling after the context was already cut off, hence no changes. The documentation explains it. Context – Typst Documentation

1 Like