Skip to content

Boostlook v3: CSS refinements and preview site#173

Draft
julioest wants to merge 79 commits intoboostorg:developfrom
julioest:boostlook-v3
Draft

Boostlook v3: CSS refinements and preview site#173
julioest wants to merge 79 commits intoboostorg:developfrom
julioest:boostlook-v3

Conversation

@julioest
Copy link
Copy Markdown
Collaborator

@julioest julioest commented Feb 24, 2026

Summary

  • Add preview site with HTML pages and symlinks for local/Netlify testing
  • Refine v3 CSS: variables, themes, typography, code blocks, components, tables, layout, and doc-format styles
  • Add Style Guide link to sidebar navigation
  • Rebuild boostlook-v3.css from updated modular sources
  • Add netlify.toml to publish from preview/ directory

Preview url

https://boostlook-v3.netlify.app/

julioest added 20 commits March 24, 2026 08:56
The symlink to boostlook-v3.css points outside the publish
directory, so Netlify can't resolve it.
The font-variation-settings in @font-face was overriding the
font-weight range, preventing variable font weights from working.
Restore font-variation-settings in @font-face and use explicit
wght axis values on style guide elements instead of font-weight.
- font-variation-settings: wght 400, wdth 95
- line-height: 120%
- letter-spacing: -1%
- color: Text/Secondary
- Rename --colors-neutral-* to --colors-primary-* across all source files
- Add --colors-primary-650 (#585A64) for body text
- Add --surface-page semantic token (#F7FDFE) for page background
- Update style guide section heading and swatches
- Rebuild boostlook-v3.css
- Remove unused color steps across brand-orange, negative, positive, warning, blue, and primary scales
- Remove legacy code syntax palette (colors-code-colors-*)
- Remove unused atom-one-dark/light variables
- Remove margin-left indentation from code blocks, admonitions, and tables
- Rebuild boostlook-v3.css
- Rename --colors-blue-* to --colors-secondary-* across all source files
- Update style guide section heading and swatches
- Rebuild boostlook-v3.css
julioest added 23 commits March 24, 2026 08:56
- Center bullet dots vertically with text line-height
- Add blue bullets + underlines to See Also/Next Steps sections
- Red bullets for unresolved xref links
- Reduce UL padding-left from 2rem to 1.5rem
- Reduce table font size from 14px to 12px per Figma
- Resize arrow SVGs from 24px to 16px
- Breadcrumb home + spirit-nav buttons from 32px to 24px
- Remove scale(1.25) on breadcrumb home icon
- Exclude Asciidoctor sidebar from TOC underline rule
- Adjust sidebar-content gap: 0 on tablet, 138px on desktop
Replace 100vh with 100dvh for iOS dynamic toolbar viewport sizing.
Always show heading anchor icons and code copy buttons on touch
devices via @media (hover: none). Add scroll-margin-top to headings
so anchor links don't scroll behind the iOS status bar.
- H1 headline: 32px → 40px per Figma
- Admonition note content: 14px → 12px
- 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
julioest added 6 commits March 24, 2026 09:00
- Use 100dvh/-webkit-fill-available for iOS dynamic toolbar
- Remove fixed height + overflow:hidden on mobile touch devices
- Add bottom padding to clear iOS Safari toolbar
- Hide copy button on mobile, show anchor icons
- Remove is-clipped--nav content hiding
Style the first paragraph after the page title at 24px with 133%
line-height for Antora preamble, Antora no-preamble, and
Asciidoctor page structures.
When a list item contains only a link, the bullet dot now matches
the blue link text color for visual consistency.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant