3 ms·
Not sure those are the same at all? The submission copies all applied styles, complete with breakpoints. A class / id is only a portion of applicable styles, mu
by mikewhy 4y ago
Not sure those are the same at all? The submission copies all applied styles, complete with breakpoints. A class / id is only a portion of applicable styles, multiple selectors can match the same element. This is more like copying the non-auto rules in the "Computed" tab, with breakpoints.
Chrome has "Copy Styles", but that doesn't get breakpoints. I don't know if Firefox does, but I haven't looked very much. It doesn't look like Safari does either.
- stevenjgarner 4y agoPerhaps I am not understanding you correctly. Firefox Web Developer Tools shows css breakpoints [0] much the same as getcssscan.com [1] - here the examples are with the h3 logo class. Firefox WDT actually shows the entire css cascade. [0] https://repository.embode.net/Firefox-breakpoint.png https://repository.embode.net/Firefox-breakpoint.png [1] https://repository.embode.net/getcssscan.png https://repository.embode.net/getcssscan.png
- mikewhy 4y agoAnd back to the original question, how do you copy the font size from the breakpoint rules, the margin from the second set of rules, and the font family from the third, with a callout to the breakpoint, in a single click using Firefox dev tools?