Skip to content

Migrate from Bulma to Pico CSS 2.x - #159

Merged
marcoklein merged 8 commits into
masterfrom
migrate-bulma-to-pico
May 26, 2026
Merged

Migrate from Bulma to Pico CSS 2.x#159
marcoklein merged 8 commits into
masterfrom
migrate-bulma-to-pico

Conversation

@marcoklein

Copy link
Copy Markdown
Owner

Summary

Replace Bulma CSS framework with Pico CSS 2.x across the entire site. This includes:

  • Removing all Bulma-specific CSS classes and replacing with Pico equivalents
  • Adapting templates to work with Pico's minimal semantic styling
  • Removing Bulma dependency and adding @picocss/pico

Details

  • Replaced Bulma cards with Pico articles for project listings
  • Simplified form layouts using Pico's native form styling
  • Updated navigation to use Pico's nav components
  • Removed , , , and other Bulma-specific class usage
  • Preserved custom CSS for site-specific styling on top of Pico

Code Review Fixes Applied

  • Fixed broken project detail page links by using fileSlug instead of slugified title
  • Added middot separators between footer links (Source Code, Open App, etc.)
  • Removed unused filterCoverImage dead code from .eleventy.js

marcoklein and others added 8 commits May 26, 2026 14:10
- Switch from Bulma + Sass to Pico CSS (classful, light/dark auto)
- Remove Sass build pipeline; use static CSS passthrough
- Replace Font Awesome icons with plain text
- Redesign homepage as blog-focused list with nav-based tabs
- Convert project display from card grid to list layout with cover images
- Bump version to 3.0.0
- Remove dead templates (cards-grid.njk, card.njk)
- Remove unused _section.njk partial and centerContent front matter
- Remove duplicate global .is-absolute CSS rule
- Add .is-hidden-on-hover CSS rule for hover behavior
- Fix inconsistent post link URLs on homepage
- Fix indentation in _hero.njk
- Fix <small> wrapping block-level <p> in footer
Fix broken project detail page links by using fileSlug instead of slugified title. Add middot separators between footer links. Remove unused filterCoverImage dead code.
@marcoklein
marcoklein merged commit fdda9ac into master May 26, 2026
1 check passed
@marcoklein
marcoklein deleted the migrate-bulma-to-pico branch May 26, 2026 14:52
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