[css-variables] feedback

Hello there,


First of all, thank you for your work in making of CSS and taking time to read this email. I’m Raees Iqbal, a web designer.


I’ve been following the development regarding CSS variables from about more than a year now. The current proposal I see uses “--” to declare variables and “var()” to use them. While I’m happy that there has been progress, I’m not sure about the suggested syntax.

I would like to suggest that as most of the web designers and developers are familiar with JavaScript notation of variables and some are known to PHP style. A similar style should be used in CSS also, for example:


var baseColor: #444;

or maybe

$baseColor: #444;


h1 {


color: $baseColor;

}


The only use for “$” sign is in “ends with” selector ( eg. [src$=”.jpg”] ), so, it will be as much easy for layout engines and there should not be any performance difference. But this will be much easier in use, which is the core beauty of CSS.






Regards,
Raees Iqbal