Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a way of showing LESS CSS code (.less) in Firebug?

Tags:

css

firebug

less

I've been using LESS CSS and I find it great. The only drawback is that the code is not shown on firebug's inspector.

IS there a way of dealing with this problem?

like image 600
alexchenco Avatar asked Jun 21 '10 10:06

alexchenco


4 Answers

LESS generates a element after the CSS transformation occurs, so you're able to check elements attributes at firebug.

like image 64
Diogo Cardoso Avatar answered Oct 30 '22 16:10

Diogo Cardoso


Nope. Here's a pretty up-to-date list of Firebug plugins.

You can always write one? :)

like image 39
Brock Adams Avatar answered Oct 30 '22 18:10

Brock Adams


Yes!
Just click on the CSS tab (inside firebug) and select the inline stylesheet to see the CSS LESS CSS generated.
It is not visible in inspector tab, but in CSS tab which is better because it is optimized to inspect CSS.

like image 1
Pherrymason Avatar answered Oct 30 '22 16:10

Pherrymason


Not for less, however, there is one for SASS (another css compiler) called firesass which does exactly what you'd expect.

See this blogpost for more info.

like image 1
Bob Fanger Avatar answered Oct 30 '22 17:10

Bob Fanger