MoOx/postcss-cssnextArchived
Postcss Cssnext
postcss-cssnext est une suite de plugins PostCSS et un transpiler conçu pour convertir les fonctionnalités CSS modernes et la syntaxe émergente en code compatible avec les anciens navigateurs web. Il fonctionne comme un moteur de polyfill qui ajoute des propriétés de secours et remplace les unités modernes pour assurer un rendu cohérent sur différents environnements de navigateur.
L'outil automatise la conversion des spécifications CSS avancées en styles standard en employant un moteur de transformation pour les fonctionnalités émergentes telles que l'imbrication et les sélecteurs avancés. Il inclut également un utilitaire pour convertir les unités rem relatives en valeurs de pixels basées sur des tailles de police racine définies.
Le projet s'intègre dans les pipelines de développement via une interface en ligne de commande qui prend en charge la surveillance de fichiers et la configuration des navigateurs cibles. Ces flux de travail utilisent une liste de compatibilité des navigateurs pour déterminer quelles transformations sont nécessaires pour les cibles spécifiées.
Features
- CSS Transpilers - Functions as a CSS transpiler that converts emerging features like nesting into browser-compatible syntax.
- CSS Polyfills - Implements CSS polyfills by adding fallback styles for consistent cross-browser rendering.
- CSS Polyfill Engines - Acts as a polyfill engine that replaces modern units and adds fallback properties for consistency.
- CSS Property Polyfills - Creates fallback properties for modern CSS features to ensure consistent rendering across browser environments.
- CSS Syntax Transpilation - Transpiles modern CSS syntax into legacy formats based on browser compatibility lists.
- PostCSS Plugin Suites - Provides a comprehensive suite of plugins to automate the conversion of modern CSS into standard styles.
- CSS Build Tools - Provides a build-time engine to automate CSS transformations and browser target configurations.
- Style - Processes styles through a sequence of modular plugin functions to apply transformations and polyfills.
- AST-Based Source Transformations - Implements AST-based transformations to modify CSS syntax trees before generating final stylesheets.
- CSS Build Process Configurations - Provides a CLI to control the transformation process, including target browser lists and file watching.
- CSS Unit Converters - Includes a utility to convert relative rem units into pixel values based on root font sizes.
- PostCSS Pipeline Integration - Integrates with the PostCSS engine to handle CSS tokenization and source map generation.
