April 2, 2026
CSS cage match: Hugo vs Zola
Hugo's New CSS Powers
Fans cheer Hugo’s new CSS mojo, rivals yell “Zola did it first”
TLDR: Hugo’s new css.Build feature bundles, shrinks, and helps modernize site styles, cutting down extra tools and speeding development. Fans applauded the convenience, while rivals joked that Zola did it first—sparking a playful showdown over who’s leading and who’s catching up, which matters for easier, faster site building.
Hugo just rolled out new “CSS powers,” and the crowd instantly split into two camps: the cheer squad and the playful haters. The headline act is css.Build, a built-in tool that helps website makers bundle their style files into one, shrink them for speed, and even smooth out some newer CSS tricks for older browsers. Translation for non-nerds: Hugo now helps your site look good and load faster, with fewer add‑on tools.
But then came the drive‑by from the peanut gallery. User nine_k swaggered in with the classic flex: “Zola has this built-in since forever,” turning the release thread into a Hugo vs. Zola talent show. Supporters fired back with vibes if not verbs—imagetic’s “Yeah Bryce!” cheerleading the author, while author brycewray dropped a forum link like, “Receipts attached.”
Under the hood, css.Build rides on a JavaScript tool called esbuild. It’s fast, neat, and knocks out bundling and minifying right away—great during development. But there are gotchas: if you lean on the newest, fanciest CSS, you might still need an extra step or aim your site at newer browsers only. That nuance cooled some initial hype and sparked jokes about the eternal “who did it first” scoreboard. In short, Hugo fans are hyped about speed and convenience; Zola fans are tossing friendly shade; and everyone else is here for the popcorn and the feature‑parity drama.
Key Points
- •Hugo v0.158.0 adds css.Build, enabling CSS bundling and minification within Hugo.
- •css.Build leverages esbuild, so its CSS transpilation and prefixing depend on esbuild’s supported features.
- •Modern CSS features like nesting are usable directly in Baseline 2023-compatible browsers, but older browsers may require preprocessing or post-processing.
- •If css.Build/esbuild cannot convert needed features, users must add post-processing or limit supported browsers.
- •css.Build is notably fast and can reduce reliance on external CSS tools, but thorough testing of outputs is advised.