CleverCSS — Mettez un Python dans vos CSS

CleverCSS est une manière de produire des CSS inspirée par le langage de programmation Python : les accolades sont remplacées par l’indentation des différentes règles CSS et les déclarations sont introduites par le signe deux-points. Jusque-là, rien de bien fou, mais CleverCSS ne s’arrête pas à l’économie de quelques signes et propose de nombreuses améliorations à CSS  : de l’optimisation de la syntaxe à l’utilisation des constantes en passant par le calcul sur les valeurs, y compris les couleurs.

Référence

a:
    &:hover:
      color: red
    &:visited:
      color: blue

Attributs

#main p:
    font->
      family: Verdana, sans-serif
      size: 1.1em
      style: italic

Constantes

background_color = #ccc

#main:
  background-color: $background_color

Calcul sur les valeurs

#fff - #ccc            -> #333333
cornflowerblue - coral   -> #00169d
crimson - 20             -> #c80028
10px * 2                 -> 20px

Faudrait pas que le python étouffe l’éléphant 😉

cleverCSS est très séduisant et la seule chose que l’on peut lui reprocher est d’être un script Python et non PHP !

Notes : il existe des scripts dans d’autres langages comme Ruby ou PHP :