Skip to content

Remove Spectre CSS and Sass, use plain CSS with native nesting#614

Merged
akirk merged 1 commit intomainfrom
remove-spectre-sass
Mar 26, 2026
Merged

Remove Spectre CSS and Sass, use plain CSS with native nesting#614
akirk merged 1 commit intomainfrom
remove-spectre-sass

Conversation

@akirk
Copy link
Copy Markdown
Owner

@akirk akirk commented Mar 26, 2026

Summary

  • Replace the Sass/Spectre CSS build pipeline with hand-written plain CSS using native CSS nesting
  • All Spectre component imports replaced with equivalent CSS, keeping the same class names (no template changes needed)
  • Remove spectre.css and sass from devDependencies, remove sass:compile/sass:watch scripts
  • Convert friends-admin.css to use CSS nesting for improved readability
  • Include header image readability styles from Add header image readability styling to all themes #612

Test plan

  • Verify the default theme renders correctly (layout, forms, buttons, off-canvas sidebar, cards, chips, menus, dropdowns)
  • Test responsive behavior at mobile breakpoint (960px)
  • Verify the Mastodon and Google Reader themes still work (no changes, but confirm no regressions)
  • Test admin pages styling (feed management, notification settings, friend editing)
  • Verify author header image overlay styling works
  • Check CJK font rendering for zh/ja/ko languages

Test in WordPress Playground

…esting

Replace the Sass/Spectre build pipeline with hand-written CSS using native
CSS nesting (supported in all modern browsers). All Spectre component
imports have been replaced with equivalent CSS, keeping the same class
names so no template changes are needed.

- Remove spectre.css and sass from package.json devDependencies
- Remove sass:compile and sass:watch build scripts
- Delete friends.scss source and friends.css.map
- Rewrite friends.css as plain CSS with native nesting
- Convert friends-admin.css to use CSS nesting
@akirk akirk merged commit 69f3c5d into main Mar 26, 2026
25 checks passed
@akirk akirk deleted the remove-spectre-sass branch March 26, 2026 09:44
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