Awesome GitHub RepositoriesCSS Syntax Transpilation

Autoprefixer is a PostCSS plugin and browser compatibility tool that automatically manages vendor prefixes for CSS rules. It functions as an abstract syntax tree transformer that parses CSS to insert required prefixes and remove obsolete ones based on real-time compatibility data. The project differentiates itself by providing a dedicated CSS Grid polyfill, which translates modern Grid syntax into legacy formats for older browser versions. It also allows for granular control through the use of inline CSS comments to selectively enable or disable prefixing for specific rules. The system cover

Lightning CSS is a high-performance CSS toolchain implemented in Rust. It provides a comprehensive suite of tools for stylesheet processing, including a bundler, minifier, module compiler, syntax lowerer, and vendor prefixer. The engine utilizes a browser-grade grammar for parsing and converts stylesheets into typed property values. It distinguishes itself through a visitor-based transformation API that allows for custom modifications of the parsed abstract syntax tree and an error-tolerant parsing mechanism that recovers from malformed syntax to prevent build failures. The toolset covers br

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.

Lost est un système de grille CSS et un plugin PostCSS conçu pour définir les largeurs et positions des colonnes en utilisant des calculs mathématiques pour des designs d'écran responsifs. Il fonctionne comme un outil de build qui traite les règles de grille personnalisées en mises en page CSS compatibles avec les navigateurs. Le framework transforme les déclarations de mise en page non standard en propriétés natives CSS Grid et Flexbox. Il utilise un pipeline basé sur PostCSS pour calculer les coordonnées exactes et les largeurs de colonnes, garantissant que les styles résultants sont compatibles avec les navigateurs web standards. Le projet opère comme une couche middleware agnostique aux préprocesseurs, lui permettant de traiter des styles indépendamment du fait que la source soit du CSS brut, Sass ou Less. Il automatise la génération de structures de grille responsives qui ajustent les tailles et positions des éléments en fonction des dimensions de l'écran.