Files
markusgraf_ch/openspec/changes/archive/2025-10-30-add-custom-bootstrap-styling/proposal.md
T
gurixandClaude adbee2c655 chore: archive completed OpenSpec changes
Archive all 6 deployed changes following OpenSpec workflow:
- add-minimal-hugo-site → hugo-site spec
- add-multilingual-support → internationalization spec
- migrate-site-content → content-migration + image-assets specs
- add-custom-bootstrap-styling → styling spec
- add-cv-page → content-management spec
- simple-deployment → deployment spec

All changes moved to archive/ with 2025-10-30 date prefix.
Created 7 capability specs reflecting deployed functionality.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-30 17:22:03 +01:00

1014 B

Why

The site currently uses Bootstrap 5.3.2 from CDN with default styling. To establish a unique visual identity and brand consistency, we need the ability to customize Bootstrap variables (font sizes, colors, spacing) and add custom styles without modifying the core framework.

What Changes

  • Add Hugo SCSS/SASS processing pipeline using Hugo Pipes
  • Create custom SCSS file structure for Bootstrap variable overrides and custom styles
  • Maintain Bootstrap CSS from CDN for core framework
  • Compile custom styles to supplement Bootstrap defaults
  • Enable customization of heading font sizes, link colors, and other design tokens

Impact

  • Affected specs: styling (new capability)
  • Affected code:
    • layouts/_default/baseof.html - Update to include compiled custom CSS
    • assets/scss/ - New directory for SCSS files
    • hugo.toml - May need configuration for SCSS processing
  • No breaking changes to existing functionality
  • Performance: Minimal impact, adds one additional CSS file (~few KB)