Post >> Hugo’s new CSS powers • A recent update can make it easier than ever to style your site, depending on how you want to do that styling.

https://www.brycewray.com/posts/2026/04/hugos-new-css-powers/

#CSS #webdev #Hugo #preprocessing #postprocessing #PostCSS #LightningCSS #Sass #scss #esbuild #cssBuild

Hugo’s new CSS powers

A recent update can make it easier than ever to style your site, depending on how you want to do that styling.

Bryce Wray

Por fin me he quitado de encima un potencial problema que me traía de cabeza. El tema de una aplicación crítica ahora se visualiza decentemente y es operativo en el #Webview que usa Microsoft en sus aplicaciones.

La solución es algo enrevesada: incluye un pipeline complejo con #gulp y #webpack usando #SASS, #PostCSS, transpilación de módulos JavaScript, un par de #polyfills, un #ponyfill, una pizca de magia arcana y varios artificios quirúrgicos. Dista de ser perfecta pero por lo menos es funcional.

𝗕𝘆, 𝗯𝘆 𝗖𝗦𝗦𝗡𝗲𝘅𝘁, 𝗵𝗲𝗹𝗹𝗼 𝗽𝗼𝘀𝘁𝗰𝘀𝘀-𝗽𝗿𝗲𝘀𝗲𝘁-𝗲𝗻𝘃:

#Node #CSS #PostCSS

https://thewhale.cc/posts/by-by-cssnext-hello-postcss-preset-env

As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.

𝗕𝘆, 𝗯𝘆 𝗖𝗦𝗦𝗡𝗲𝘅𝘁, 𝗵𝗲𝗹𝗹𝗼 𝗽𝗼𝘀𝘁𝗰𝘀𝘀-𝗽𝗿𝗲𝘀𝗲𝘁-𝗲𝗻𝘃:

#Node #CSS #PostCSS

https://thewhale.cc/posts/by-by-cssnext-hello-postcss-preset-env

As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.

Фиксим залипающий hover на мобильных устройствах

Что мы проверили: Залипающий hover на мобильных устройствах – частый баг. Раньше мы решали это просто плагином PostCSS Hover Media Feature, он оборачивает все псевдоклассы :hover в медиазапрос @media (hover: hover) {}. Так мы проверяли поддержку hover и отключали его на мобилках. Но во время тестирования одного проекта оказалось, что на некоторых устройствах hover продолжает залипать.

https://habr.com/ru/articles/955650/

#CSS #scss #postcss #plugin

Фиксим залипающий hover на мобильных устройствах

Первая теория: плагин работает некорректно Что мы проверили: Плагин не оборачивает правила? Нет, всё ок. После сборки hover был в медиазапросах. Не работает hover: hover?...

Хабр

Un-Sass’ing My CSS: Compiling Multiple CSS Files Into One, by @sturobson:

https://www.alwaystwisted.com/articles/UnSassing-my-CSS-CSS-imports

#css #sass #postcss

Un-Sass'ing My CSS: Compiling Multiple CSS Files into One Always Twisted

Discover how to transition from Sass to modern CSS, exploring ways we can import multiple CSS files into one sole CSS file

Always Twisted
Compiling Multiple CSS Files into One | CSS-Tricks

Stu Robson outlines two ways to compile multiple CSS files when you aren't relying on Sass for it.

CSS-Tricks

#Development #Approaches
Compiling multiple CSS files into one · Simplify your setup with a custom script or PostCSS https://ilo.im/166t50

_____
#Files #CSS #Sass #PostCSS #JavaScript #NodeJS #Tooling #WebDev #Frontend

Un-Sass'ing My CSS: Compiling Multiple CSS Files into One Always Twisted

Discover how to transition from Sass to modern CSS, exploring ways we can import multiple CSS files into one sole CSS file

Always Twisted
@sarajw @bobmonsour Thanks! I’m now thinking of adding #postcss and combine-duplicate-selectors. Setup theme files to import my base theme. I can write my specific styles, let a build tidy up and merge together, resulting in a single file. Then I can swap the css files instead if having two. Still risk of flash of unstyled content, but no flash of base theme before the final theme loads.
What we learned from creating PostCSS—Martian Chronicles, Evil Martians’ team blog

We share what have we learned creating PostCSS and the huge ecosystem around it. Get 8 key lessons from Andrey Sitnik, creator of PostCSS.

evilmartians.com