gurixandClaude
adbee2c655
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>
1.5 KiB
1.5 KiB
1. SCSS Infrastructure Setup
- 1.1 Create
assets/scss/directory structure - 1.2 Create main SCSS entry file
assets/scss/main.scss - 1.3 Create Bootstrap variable overrides file
assets/scss/_variables.scss - 1.4 Create custom styles file
assets/scss/_custom.scss
2. Hugo Pipes Integration
- 2.1 Update
layouts/_default/baseof.htmlto process SCSS with Hugo Pipes - 2.2 Configure SCSS compilation with
css.Sass(updated from deprecatedresources.ToCSS) - 2.3 Add fingerprinting for cache busting with
resources.Fingerprint - 2.4 Ensure correct CSS load order (Bootstrap CDN first, then custom)
3. Initial Custom Styles
- 3.1 Add heading font size customizations to
_variables.scss - 3.2 Add link color customizations to
_variables.scss - 3.3 Test variable overrides render correctly
- 3.4 Verify styles cascade properly over Bootstrap defaults
4. Testing & Validation
- 4.1 Test SCSS compilation in development mode (hugo server)
- 4.2 Test production build (hugo build)
- 4.3 Verify live reload works with SCSS changes
- 4.4 Check generated CSS file size and performance (154 bytes minified)
- 4.5 Validate CSS output is minified in production
- 4.6 Test in multiple browsers for consistency
5. Documentation
- 5.1 Document SCSS file structure and conventions
- 5.2 Add examples of how to customize Bootstrap variables
- 5.3 Document the CSS compilation and caching strategy