URL: https://preset-env.cssdb.org/features
Browser / Version: Firefox 66.0
Operating System: Mac OS X 10.14
Tested Another Browser: Yes
Problem type: Design is broken
Description: The code examples are not styled correctly in Firefox. The text is black on a black background rather than having syntax highlighting. It appears the issue is to do with --font-code: "Source Code Pro", monospace, monospace;
which is used to style pre
elements with font: 400 100%/1.5 var(--font-code);
Steps to Reproduce:
Visit the URL
Firefox: ![Screenshot Description](https://camo.githubusercontent.com/1f165b6c403bded7e9a2e2accc8c7e70ea822464cf24ee5fb20da35dc8d235b8/68747470733a2f2f776562636f6d7061742e636f6d2f75706c6f6164732f323031392f322f32633837396566352d646565632d343765322d623232322d6130616364373036613731652d7468756d622e6a7067)
Chrome: ![Screenshot Description](https://camo.githubusercontent.com/fd5b82ec4a22e7c4b406e7ddf5be81234cc69064ec7bd76784530480c42a020a/68747470733a2f2f776562636f6d7061742e636f6d2f75706c6f6164732f323031392f322f65373130613862362d653032332d343736392d626635302d3361343433316637386430332d7468756d622e6a7067)
From webcompat.com with ❤️
URL: https://preset-env.cssdb.org/features
Browser / Version: Firefox 66.0
Operating System: Mac OS X 10.14
Tested Another Browser: Yes
Problem type: Design is broken
Description: The code examples are not styled correctly in Firefox. The text is black on a black background rather than having syntax highlighting. It appears the issue is to do with
--font-code: "Source Code Pro", monospace, monospace;
which is used to stylepre
elements withfont: 400 100%/1.5 var(--font-code);
Steps to Reproduce:
Visit the URL
Firefox:![Screenshot Description](https://camo.githubusercontent.com/1f165b6c403bded7e9a2e2accc8c7e70ea822464cf24ee5fb20da35dc8d235b8/68747470733a2f2f776562636f6d7061742e636f6d2f75706c6f6164732f323031392f322f32633837396566352d646565632d343765322d623232322d6130616364373036613731652d7468756d622e6a7067)
Chrome:![Screenshot Description](https://camo.githubusercontent.com/fd5b82ec4a22e7c4b406e7ddf5be81234cc69064ec7bd76784530480c42a020a/68747470733a2f2f776562636f6d7061742e636f6d2f75706c6f6164732f323031392f322f65373130613862362d653032332d343736392d626635302d3361343433316637386430332d7468756d622e6a7067)
From webcompat.com with ❤️