Preview builds for the new Boost C++ Libraries site design, in collaboration with MetaLab.
Changelog
Mar 24
- iOS mobile: 100dvh viewport, mobile overflow override, bottom toolbar padding
- Mobile: show heading anchor icons, hide copy button on touch devices
- Removed is-clipped--nav content hiding that broke mobile nav
- Anchor links: scroll-margin-top 0.75rem for heading offset
- Intro copy: 24px/133% for first paragraph after page title (Antora + Asciidoctor)
- H1 headline: 32px → 40px per Figma
- Admonition note content: 14px → 12px per Figma
- Code block font: 14px → 12px, line-height 130%
- Breadcrumb separator: arrow → dot
- Breadcrumb link color: #0077B8 light, #6DCDF7 dark
- Edit this page dark mode color: #CACBCE
Mar 20
- Center bullet dots vertically with text line-height
- Blue bullets + underlines for See Also/Next Steps sections
- Red bullets for unresolved xref links
- Reduced UL padding-left from 2rem to 1.5rem
- Table font size from 14px to 12px per Figma
- Arrow SVGs resized from 24px to 16px
- Breadcrumb home + spirit-nav buttons from 32px to 24px
- Breadcrumb separator changed from dot to 16px chevron
- Excluded Asciidoctor sidebar from TOC underline rule
- Sidebar-content gap: 0 on tablet, 138px on desktop per Figma
Mar 10
- Fixed mobile table horizontal scroll — moved media query after reset to win cascade
- Table cells now wrap text on mobile instead of forcing nowrap
- Added min-width 100px to mobile table cells to prevent column squishing
- Added iOS Safari safe area bottom padding to footer
- Aligned syntax highlighting with Figma 6-role palette across Rouge and highlight.js
Mar 3
- Top-level leaf nav links now match section header font weight (wght 600)
- Added divider lines and consistent vertical spacing for all top-level sidebar items
- Aligned indentation between leaf links and togglable sections in both Antora and Asciidoctor sidebars
- Redesigned tables to match Figma: white cell bg, themed header bg, 14px font, theme-aware strokes
- Pagination: blue hover on entire block, removed arrow bg/border
- Fixed spirit-nav hover flash and dark mode pagination text visibility
- Home icon: hover styles, scaled size, aligned with h1
Feb 26
- Redesigned nav sidebar to match Figma — gray active indicator, pixel caret flip, section separators
- Nav items are now clickable anywhere on the row to toggle sections
- Migrated from Noto Sans to Mona Sans variable font
- Replaced arrow and home icons with pixelarticons
Feb 25
- Aligned spacing, corner radius, and font-size tokens with Figma
Feb 24
- New color tokens for note-style admonitions
- Fixed spacing after paragraphs before code blocks and lists
- Math expressions now render inline as SVGs
Feb 24
- Spacing now matches Figma designs
- Added style guide with colors, typography, and component demos
- Added this preview landing page
- Color naming now matches Figma
- Replaced hardcoded colors with design tokens
- Removed unused styles
Feb 23
- Created the Boostlook v3 preview site
- Set up Netlify preview deployment
- Rebuilt CSS from updated sources
- Refined typography, code blocks, and doc styles
- Body text sizing now matches Figma
- Fixed font weight rendering for variable fonts
- Updated style guide to use correct font files
Feb 19
- Typography refinements across the site
Feb 17
- Set up modular v3 CSS source files and build script
- Initial boostlook-v3.css development build
- Cleaned up dead code and commented-out CSS
- Removed unused local font files