Firebug Extension: support for Less CSS
JavaScript
Pull request Compare This branch is 8 commits ahead of janodvarko:master.
Latest commit 25469ad Oct 7, 2012 @jc4rp3nt3r Typos

README.md

FireDotLess

Firebug Extension: support for .less{} in debug mode

The purpose of this extension is to display the correct file name and line number for CSS rules when using the .less{} framework, a {less} port. The file path and line number in the Style Side Panel of firebug with relect the server side file name & line number. Clicking on the link will continue to take you to the CSS tab, inspecting the combine CSS file.

Background Info:

At its simplest level, .less{} offers server side bundling of files (many CSS files into 1) to limit HTTP requests for more responsive online applications.

This causes a serious headache for developers when using firebug, as it is reporting the file name and line number of the bundled file. This information is accurate from the client side perspective, but it makes development difficult, due to the fact that the actual css rule could be in one of many files on the server and the line numbers are often inaccurate.

Notes: