Commit 404765a
refactor: consolidate SCSS styles and improve code organisation
Eliminates substantial duplication across theme and AMP stylesheets by extracting common patterns into shared modules. Previously, identical styling for entry borders, metadata, timeline pseudo-elements, and pagination appeared in multiple files with slight variations, making updates error-prone and inconsistent.
Introduces a new `_theme-shared.scss` partial containing ~120 lines of common styles, reducing `_theme.scss` from 140 to 10 lines and `_amp.scss` from 230 to 105 lines. Adds `$font-family-base` variable to eliminate four instances of hardcoded font stacks. Creates `_button-base.scss` mixin to standardise button reset patterns used across both app and editor contexts.
Renames `_event.scss` to `_event-item.scss` and `_events.scss` to `_key-events.scss` to clarify their distinct purposes: individual timeline items versus the key events container. This naming better reflects the actual structure and reduces confusion when navigating the codebase.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <[email protected]>1 parent 34ea1f0 commit 404765a
File tree
15 files changed
+192
-1796
lines changed- assets
- src/styles/core
- app
- editor
- utils
15 files changed
+192
-1796
lines changedSome generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | | - | |
| 1 | + | |
0 commit comments