Coder Social home page Coder Social logo

is-already-taken / firecompass Goto Github PK

View Code? Open in Web Editor NEW
7.0 7.0 2.0 296 KB

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

JavaScript 99.55% CSS 0.45%

firecompass's People

Contributors

is-already-taken avatar tholewebgods avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Forkers

rhessinger

firecompass's Issues

Firecompass disables the live edit function of firebug on inline/internal styled elements

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.

Not working in incognito window

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

No path information and NO STYLES

  • Firefox Version: 43.0.4
  • Firebug Version: 2.0.13
  • FireCompass Version: 0.2.1-signed

I'm not seeing any styles nor the specific paths for them.
When I inspect an element with Firefox's built in console (or disable FireCompass), it works as expected.

bildschirmfoto 2016-01-12 um 14 25 33

Does not work on FF v 44.0.2 and FireBug 2.0.14

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!

not working on FF 31.0 under Linux

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

Not working on FF 32.0

The extensions is not working under my Windows 8.1 with firefox 32.0
Firebug 2.0.4 with FireCompass 0.2 :(

Conflicts with FireSass

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.

Can't get it to work in FF30

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.