is-already-taken / firecompass Goto Github PK
View Code? Open in Web Editor NEWFirebug extension that shows the original .scss filename and line number within the Firebug CSS inspector panel of .css files generated by Firebug
License: MIT License
Firebug extension that shows the original .scss filename and line number within the Firebug CSS inspector panel of .css files generated by Firebug
License: MIT License
Here's a pen: http://codepen.io/JFrankParnell/pen/zxbZZR
<link rel="stylesheet" type="text/css" href="http://dougcassidy.com/test.css">
<style>
span{ color:red; }
</style>
<span>cant change me</span>
<div>you can change me</div>
If I inspect the with firebug, using the target button, I can see that my
style is color: red, obviously. Normally, I could change color, in
firebug to blue or whatever. Normally, I could click the disable thingy,
in front of the style, to grey it out and it should go back to default
color- no effect. I cant add any other styles to it either, by double clicking and
adding a style. I can change or disable the other element, in
firebug, no prob.
Latest FF, FB, FC. Win 7. I narrowed this down to firecompass, in my plugins.
Working great in normal mode but not on pages in incognito mode. "Not working" means Firebug just shows the position within the css file as usual.
Using FF 30.0
JS reflection error prevented validation
Error: An error in the JavaScript file prevented it from being properly read by the Spidermonkey JS engine.
'Reflection failed'
defaults/preferences/prefs.js
I'm not seeing it show the COMPASS lines in FF Dev Edition 45.0a2 and Firebug 3.0.0.0 beta 1.
The Pseudo-Class selector options (e.g. "Display :hover pseudo-class styles") are missing in CSS panel menu.
My FireFox automatically updated to 44.0.2, but now FireCompass is not working at all. It was working just fine before the update, with the same project. Line comments are turned on in sass.
After the update, I see only screen.css as the filename for the location of my CSS rules, and line numbers in the tens of thousands.
I love FireCompass, and hope there is a quick fix to get it working again!
Hi there,
the extensions is not working under my Ubuntu 12.04 with firefox 31.0
It is working under Windows 7 with Firefox 31.0, so it looks like to a problem with the OS / environment?!
I'm using Firebug 2.0.2 with FireCompass 0.2.
Bye EmPeWe
The extensions is not working under my Windows 8.1 with firefox 32.0
Firebug 2.0.4 with FireCompass 0.2 :(
Line numbers and filenames don't appear. Works again when I disable FireSass. I'm unsure if this can or needs to be fixed, but I use both depending on how the project is set up and thought I'd mention it.
Firefox 33.1.1; Firebug 2.0.6; FireCompass 0.2; FireSass 0.0.12
Thanks for the great extension.
I had this working great in win vista - not sure what the version of ff was unforunately, I just upgraded my OS to win 8.1 and reinstalled FF30, FB 2.0.1 and FC 0.2 and I can't see the sass line numbers.
I installed ruby in the new OS, but pointed it to the previously used collection of gems and files (the work/ruby config etc was on a separate drive not formatted during upgrade - compass is compiling fine using the old settings)
Sorry - more info - the comment lines don't seem to be adding to the css file since re-install... but the config.rb file is the same as it was before reinstall...
environment = :development
firesass = true
seems i'm getting mixed up between firesass (seems to be removed) and firecompass
I definitely have firesass installed.
is it normall for css files to have this above every line? it's my first time using SASS sorry for n00biness:
@media -sass-debug-info{filename{font-family:file://M:/wamp/www/Tandem/sites/all/themes/tandem/sass/components/_misc.scss}line{font-family:\00003452}}
I have a feeling this should be the cleaner comments for firecompass?
Any advice appreciated, and thanks for all your work on this great add-on!
D.
The CSS/SCSS radios has no default option set and does not set the option on click.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.