/* * Styles for the blog only. The captured site's styles.css carries the page chrome; these rules * cover the listing and post classes that did not exist before the blog was imported. Scoped by * class so nothing here can reach the 61 captured pages. */ /* * `header` is position:fixed at top:0, so the page needs to be pushed down by its height or the * first row of content sits underneath it. The 60 captured pages each carry an inline * `padding-top: 166.781px` on — a measurement the source's own script took at desktop * width, frozen at capture time. This is that same value, so the blog matches the rest of the * site before any script runs and there is no layout shift. * * The header shrinks below 1024px (see the logo and .pho rules in styles.css), so the frozen * desktop number over-pads narrow screens. SiteNav.astro measures the header and corrects this * after load, which is why the value here only has to be right for desktop. */ body.page_blog { padding-top: 166.781px; } /* The listing heading needs the same breathing room the post title gets. */ body.page_blog #page > h1 { margin: 0 0 1.5rem; } body.page_blog #page { padding-top: 3rem; } body.page_blog .blog-page-note { margin: -1rem 0 1.5rem; opacity: 0.7; } /* * styles.css styles every