Chez Wix, nous sommes d'accord.Nous ?CSS.Sa syntaxe déclarative simple qui est native dans les navigateurs est facilement le moyen le plus rapide d'ajouter des styles aux pages Web et aux applications Web.Mais lors de l'écriture de CSS qui sont étendues à des composants individuels, les développeurs doivent maintenir des sélecteurs hautement spécifiques, en utilisant des conventions élaborées pour simuler l'espace de noms.L'écriture et la maintenance de CSS au sein de grandes équipes et de grands projets peuvent être délicates.Nous voulons étendre CSS pour qu'il soit plus facile à utiliser dans un écosystème de composants, mais sans perdre les aspects CSS qui le rendent génial: déclaratif, familier, statique et rapide.Nous avons donc créé Stylable.Stylable est un préprocesseur qui vous permet d'écrire des règles de style dans la syntaxe CSS, avec certaines extensions qui, selon nous, adhèrent à l'esprit de CSS.Alors, que fait Stylable?Stylable vous permet de créer des composants réutilisables et hautement performants.Chaque composant expose une API de style qui mappe ses parties internes afin que vous puissiez réutiliser les composants entre les équipes sans sacrifier la stylabilité.Étend les styles aux composants afin qu'ils ne «fuient» pas et n'entrent pas en conflit avec d'autres styles.Permet des pseudo-classes et pseudo-éléments personnalisés qui résument la structure interne d'un composant.Ceux-ci peuvent ensuite être stylisés en externe.Par exemple, vous pouvez styliser l'étiquette à l'intérieur d'un bouton ou styliser le bouton de lecture d'un lecteur vidéo à l'extérieur de ces composants.Utilise des thèmes afin que vous puissiez appliquer une apparence différente dans votre application Web, par exemple, le même composant peut utiliser un thème Wix ou un thème Bootstrap selon la page.Au moment de la construction, le préprocesseur convertit le CSS Stylable en CSS plat, statique, valide et vanille qui fonctionne sur plusieurs navigateurs.Viva CSS, et bienvenue Stylable.Nous espérons que vous aimez.