Since Bootstrap is based on LESS, I would find vim-css-color much more useful if it highlighted all of the colour references in .less files. There are two situations in which vim-css-color doesn't work for .less files:
-
When declaring global colour variables:
@white: #111
-
When referring to a colour variable:
div {background-color: @white;}
It will be important to look outside the current file, in other imported .less files, if the variable declaration isn't found in the current file.
It would be great if vim-css-color also respected LESS colour functions like spin(), lighten(), and darken(). But that would likely be a bit more complicated, so maybe at a separate stage. To begin with, it would be nice just to have the colour variable within the function highlighted:
div {background-color: darken(@white, 20%)
Thanks
Since Bootstrap is based on LESS, I would find vim-css-color much more useful if it highlighted all of the colour references in .less files. There are two situations in which vim-css-color doesn't work for .less files:
When declaring global colour variables:
@white: #111
When referring to a colour variable:
div {background-color: @white;}
It will be important to look outside the current file, in other imported .less files, if the variable declaration isn't found in the current file.
It would be great if vim-css-color also respected LESS colour functions like spin(), lighten(), and darken(). But that would likely be a bit more complicated, so maybe at a separate stage. To begin with, it would be nice just to have the colour variable within the function highlighted:
Thanks