elad2412/the-new-css-reset

all: unset strips line breaks from <pre>

viktorix opened this issue · 2 comments

viktorix commented

I noticed code blocks using <pre> were missing line breaks. The problem seems to stem from this line:

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

If I disable all: unset in devtools, line breaks return to <pre>. But for the life of me, I can't seem to figure out which CSS property it unsets to remove line breaks so I can add them back.

Here's an example with all: unset and while its disabled:
image

Thanks.

graymatter00 commented

It might be the CSS white-space property.

See https://developer.mozilla.org/en-US/docs/Web/CSS/white-space.

elad2412 commented

Added fix in the new version (1.8.0) revert for 

 and  element