/** * The column every reading screen sits in: lists, conversations, forms, * runs. A source view and a diff take the whole window instead, because a * pane layout has a listing to hold beside the code. * * The bars carry the gutter outside and this measure inside; the rows carry * the gutter themselves, so the column they sit in is wider by one gutter a * side. Either way the text starts on the same line down the page. */ export const MEASURE = 'mx-auto w-full max-w-7xl'; export const COLUMN = 'mx-auto w-full max-w-[calc(80rem+var(--gutter)*2)]';