variant: avoid neon code style to leak into IE11 fallback #392

This commit is contained in:
Sören Weber 2022-12-01 09:45:04 +01:00
parent 45894e824d
commit ea6c8ff3e4
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 10 additions and 4 deletions

View file

@ -1,3 +1,7 @@
/* this variant does not work well if we use fallback styles for IE11 so better
ignore this variant in IE completely */
@supports not (-ms-high-contrast:none) {
/* based on rrt
/* Background */ .chroma { color: #f8f8f2; background-color: #000000 }
/* Other */ .chroma .x { }
@ -81,3 +85,5 @@
/* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { }
}

View file

@ -1,7 +1,3 @@
/* this variant does not work well if we use fallback styles for IE11 so better
ignore this variant in IE completely */
@supports not (-ms-high-contrast:none) {
/* here in this showcase we use our own modified chroma syntax highlightning style;
if you want to use a predefined style instead:
- remove `markup.highlight.noClasses` from your config.toml
@ -9,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-neon.css";
/* this variant does not work well if we use fallback styles for IE11 so better
ignore this variant in IE completely */
@supports not (-ms-high-contrast:none) {
:root {
--PRIMARY-color: #f300b2; /* brand primary color */
--SECONDARY-color: #1c90f3; /* brand secondary color */