postcss-preset-env
postcss-import-ext-glob
postcss-preset-env | postcss-import-ext-glob | |
---|---|---|
9 | 1 | |
2,201 | 34 | |
- | - | |
6.6 | 0.0 | |
about 2 years ago | over 1 year ago | |
CSS | JavaScript | |
Creative Commons Zero v1.0 Universal | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
postcss-preset-env
-
Vanilla+PostCSS as an Alternative to SCSS
Switching from a ready-made tool like Sass or a recommendation package like cssnext (deprecated since 2019) or PostCSS Preset Env (archived in 2022), to the modular PostCSS Preset Env plugin set we can choose a helpful and convenient set of future CSS features beyond the current stable client CSS.
-
What is PostCSS & Why should we care?
To enable the future CSS there is also a plugin called PostCSS Preset Env. This plugin will take the unreleased CSS selectors and change it to the present usable CSS. More info at PostCSS Preset Env
-
Getting started with Svelte, Tailwind, and Nrwl NX
Third, we enable the postcss-preset-env plugin, which adds support for many other cool things
- Why css in js over scss/css? Convince a team lead
-
PostCSS nesting with CSS variables isn't working in Tailwind CSS & Next.js
My PostCSS Config contains postcss-preset-env already which should support for CSS nesting. I also installed postcss-nested & postcss-css-variables, just in case.
-
Moving From Tailwind To Vanilla-er CSS
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.
-
CSS tips and tricks you won’t see in most of the tutorials
If you use PostCSS, postcss-preset-env[1] is pretty neat for reading up on the latest features. E.g. here is the place properties feature[2].
1: https://preset-env.cssdb.org/
-
Here's my website setup...
postcss-preset-env - it lets you use some cutting-edge CSS but understandable by modern browsers.
-
VSCode extensions for detecting CSS/SCSS invalid value errors?
https://stylelint.io https://github.com/csstools/postcss-preset-env
postcss-import-ext-glob
-
Moving From Tailwind To Vanilla-er 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:
What are some alternatives?
autoprefixer - Parse CSS and add vendor prefixes to rules by Can I Use
postcss-mixins - PostCSS plugin for mixins
postcss-nested - PostCSS plugin to unwrap nested rules like how Sass does it.
postcss-spiffing - PostCSS plugin to use British English
svelte-preprocess - A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
globby - User-friendly glob matching
Sass - Sass makes CSS fun!
postcss-import - PostCSS plugin to inline at-import rules content
Tailwind CSS - A utility-first CSS framework for rapid UI development.
postcss-less - PostCSS Syntax for parsing LESS
postcss-rtl - PostCSS plugin for RTL-adaptivity