Skip to content

fix(docs): consolidate CSS design system to match Core#11

Open
ErickXavier wants to merge 8 commits into
mainfrom
fix/consolidate-docs-styles
Open

fix(docs): consolidate CSS design system to match Core#11
ErickXavier wants to merge 8 commits into
mainfrom
fix/consolidate-docs-styles

Conversation

@ErickXavier
Copy link
Copy Markdown
Owner

Summary

  • Header position: Changed position: sticky to position: fixed with left: 0; right: 0; and added body { padding-top: var(--header-h) } to match Core layout
  • Footer dimensions: Updated max-width: 1200px to 1440px and padding: 48px 80px to 40px 80px to match Core
  • Syntax highlighting classes: Renamed all .tok-* classes to .hl-* convention (CSS + HTML), added missing Core tokens (.hl-cmt, .hl-kw, .hl-fn)
  • Reset alignment: Added @media (prefers-reduced-motion: reduce) and input, select, textarea { font: inherit; } to match Core resets

Test plan

  • Verify header stays fixed at top during scroll and content does not overlap behind it
  • Verify footer width and padding match no-js.dev
  • Verify all editor mockup syntax highlighting still renders correctly (no broken/unstyled spans)
  • Test responsive breakpoints at 1024px, 768px, and 480px
  • Verify prefers-reduced-motion disables smooth scroll

- Added LSP sub-label to logo
- Added More ecosystem dropdown (Popover API) with No.JS, Elements, Skill links
- Added Discord icon
- Reordered: nav links → More → GitHub → Discord → CTA → language selector
- Added eco-dropdown, discord-link CSS matching Core
- Version badge now uses primary-surface bg matching Core
- Replaced logo.png favicon with Core's favicon.ico
- Replaced footer-links with footer-cols/footer-col (flex-wrap, no heading)
- Removed 'Powered by' badge from footer-bottom
- Logo uses filter: brightness(0) invert(1) matching Core
- Added responsive footer-cols breakpoint
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