Less source maps

Permalink
Does the C5 less processor create source maps? I'm new to less so not sure if I'm using the right lingo but the issue I'm having is I want to build a custom theme based on Elemental. The problem is Chrome Inspector shows me the output classes. I have no clue how they line up with the less files. There are dozens of less files in /css/build/ and guessing which file based on name is not working. I end up searching for hints like the color code, but even that is hit/miss because in many cases the color is in a variable, isn't used until later etc.

I've heard that Less Source Maps are the solution to these issues and that Chrome inspector will show the less file used to compile the stylesheet if they are setup properly. But I'm not seeing that happen in my chrome inspector, I'm just seeing the output stylesheet.

razorcommerce
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Chrome does support source maps.
https://developer.chrome.com/devtools/docs/css-preprocessors...

This is the Less PHP compiler that concrete5 uses.
http://lessphp.gpeasy.com/
https://github.com/oyejorge/less.php...
- it supports source map generation
https://github.com/oyejorge/less.php#source-maps...

I think including the source maps would be useful for debugging.