search

kdzwinel / CSS-Diff

Chrome extension that allows to easily compare CSS of two HTML elements.
GNU General Public License v3.0
200 stars 20 forks source link

Show relative units as relative units #11

Open WileESpaghetti opened 10 years ago

WileESpaghetti commented 10 years ago

I like that CSS-Diff show computed differences, but what about when using %'s and ems?

It's great if I can see Div A is 100px wide and Div B is 202px wide, but it would be great if CSS-Diff would show me something that would let me know the reason A is 100px wide is because the stylesheet is setting it to width: 25% and that B is 202px wide because either I've set it to explicitly be 202px wide, or because I've set it to be width: 50.25%

kdzwinel commented 9 years ago

I agree, that would be great, but I'm working with getComputedStyles so I don't have this type of info. It's possible to extract it using getMatchedCSSRules, but it will be a lot of work.