nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/css/chroma-neon.css
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 /* based on rrt
/* Background */ .chroma { color: #f8f8f2; background-color: #000000 } /* Background */ .chroma { color: #f8f8f2; background-color: #000000 }
/* Other */ .chroma .x { } /* Other */ .chroma .x { }
@ -81,3 +85,5 @@
/* GenericTraceback */ .chroma .gt { } /* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { } /* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { } /* TextWhitespace */ .chroma .w { }
}

8
static/css/theme-neon.css
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; /* here in this showcase we use our own modified chroma syntax highlightning style;
if you want to use a predefined style instead: if you want to use a predefined style instead:
- remove `markup.highlight.noClasses` from your config.toml - remove `markup.highlight.noClasses` from your config.toml
@ -9,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */ - remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-neon.css"; @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 { :root {
--PRIMARY-color: #f300b2; /* brand primary color */ --PRIMARY-color: #f300b2; /* brand primary color */
--SECONDARY-color: #1c90f3; /* brand secondary color */ --SECONDARY-color: #1c90f3; /* brand secondary color */