CleanCSS

CleanCSS est un langage Python simple pour CSS inspiré par CleverCSS mais plus simple et les fonctionnalités moins obstructives.
Pourquoi
Je vraiment aimé l'idée derrière CleverCSS mais lorsqu'il est utilisé dans la production je me rendis compte que je tentais de sortir de son analyseur en échappant à cordes et propriétés CSS non prises en charge trop souvent. En utilisant des préfixes de fournisseurs comme -webkit-gradient et des valeurs telles que rgba entraîné une CSS désordre, donc je décidé d'écrire mon propre analyseur pour une syntaxe similaire sans toutes les fonctionnalités complexes que je ne l'utilise de toute façon et il fonctionne maintenant très bien pour moi dans sites modernes réel.
Exemples syntaxe
Je vais garder les exemples de CleverCSS si possible depuis la syntaxe est vraiment similaire.
Un petit exemple ci-dessous. Notez la syntaxe à base d'indentation et comment vous pouvez les règles de nidification:
#header, #footer:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; famille: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; taille: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; h3:
                        font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p:
                        padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
                        text-align: right
                        couleur: #DDD
Bien sûr, vous pouvez faire la même en CSS, mais à cause de sa nature plat le code voulez regarder de plus verbeux. Le morceau de code suivant est la sortie de CleanCSS du fichier ci-dessus:
#header, #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
#header li,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0;
}
#header li h3,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li p,
#footer li p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
#header li p.meta,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; couleur: #dddddd;
}
fréquentation de la bibliothèque
Importez le module de CleanCSS et appeler la fonction convert () avec un objet-fichier.
Exemple:
CleanCSS d'importation
avec open ('file.css') comme f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; print cleancss.convert (f)
utilisation de la ligne de commande
Appelez le cleancss.py sans paramètres pour afficher les instructions d'utilisation. Transmettre un nombre illimité de fichiers à cleancss.py et le script convertir les fichiers CSS et imprimer le résultat à la console.
Exemple:
cleancss.py file.css> result.css

Exigences :

• Python