Il existe déjà @font-face {} qui permet de définir une nouvelle police, mais pas de @color permettant de définir une nouvelle couleur !

Pourtant, tous les webmaster seront d'accord avec moi, il est assez casse-pied de devoir fouiller dans ses CSS pour retrouver "LE" code couleur qu'on recherche.

De plus, il faut souvent refaire un CSS par style pour son site, juste pour une couleur ou une image.

Dès lors, un @color, ou même un généralisé @ressource serait franchement pratique pour le développeur, qui pourrait ne garder qu'un seul CSS pour le site, et mettre dans un petit CSS les valeurs des couleurs, images, ... qu'il utilise, ainsi que quelques autres customisations si nécéssaire pour le style.

Ma proposition de syntaxe :

@res {
    /* 
        CSS Type : A CSS Type (lenght, font, color, url, string, ...)
            background: @color @image @repeat @position @...;
        Value : A whole CSS value (can't be combined with others things)
            background: @backgroundValue;
    */
    type: [CSS_Type, 'value'];
    name: CSS_String;
    value: CSS_String;
}

Utilisée comme suit :

@res { type: color; name: 'color1'; value: #abcdef; }
@res { type: url; name: 'image'; value: '/images/bg.png'; }
@res { type: background-repeat; name: "both"; value: repeat; }

@res { type: value; name: 'headerBg'; value: @color1 @image @both ; }

#someObject {
     background: @headerBg;
}

Qu'en pensez vous ?

Fremy