Our great sponsors
-
To solve this I used postcss-preset-env, which allowed me to define a "custom-media" with the name --viewport-lg and the value (min-width: 1024px). As postcss-preset-env also supported nested CSS this allowed for some pretty readable CSS.
-
However, I found the solution was to use mixins via postcss-mixins.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
postcss-import-ext-glob
A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path, e.g. @import-glob "**/*.css";
As my project grew, I found I could glob import files via postcss-import-ext-glob, which made my index.css file much more maintainable:
-
Preflight. I always find it's super aggressive, this is probably because I come from a background where I've used normalize.css a lot. Having to setup base styling for semantic HTML feels tedious.