From: Vladimír Vondruš Date: Sun, 30 Dec 2018 18:50:14 +0000 (+0100) Subject: css: make it possible to have also inline code inverted and highlighted. X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=f0e4ccd877642792368f45f7a83d9c823986e8b0;p=blog.git css: make it possible to have also inline code inverted and highlighted. More of a hack to support Doxygen theme #include info styling. --- diff --git a/css/m-components.css b/css/m-components.css index db09773a..34d2ed9f 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -826,13 +826,15 @@ pre.m-code span.hll { margin-right: -1.0rem; padding-left: 1.0rem; } -pre.m-code.m-inverted { + +/* Inverted code block / inline code */ +.m-code.m-inverted { color: var(--code-inverted-color); } -pre.m-code.m-inverted > span { +.m-code.m-inverted > span { opacity: 0.3333; } -pre.m-code.m-inverted > span.hll { +.m-code.m-inverted > span.hll { color: var(--color); opacity: 1; background-color: transparent; diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css index 2ea1a943..88dc75d7 100644 --- a/css/m-dark+doxygen.compiled.css +++ b/css/m-dark+doxygen.compiled.css @@ -1084,13 +1084,13 @@ pre.m-code span.hll { margin-right: -1.0rem; padding-left: 1.0rem; } -pre.m-code.m-inverted { +.m-code.m-inverted { color: rgba(230, 230, 230, 0.33); } -pre.m-code.m-inverted > span { +.m-code.m-inverted > span { opacity: 0.3333; } -pre.m-code.m-inverted > span.hll { +.m-code.m-inverted > span.hll { color: #dcdcdc; opacity: 1; background-color: transparent; diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css index 6347eca3..82a78b6f 100644 --- a/css/m-dark.compiled.css +++ b/css/m-dark.compiled.css @@ -1084,13 +1084,13 @@ pre.m-code span.hll { margin-right: -1.0rem; padding-left: 1.0rem; } -pre.m-code.m-inverted { +.m-code.m-inverted { color: rgba(230, 230, 230, 0.33); } -pre.m-code.m-inverted > span { +.m-code.m-inverted > span { opacity: 0.3333; } -pre.m-code.m-inverted > span.hll { +.m-code.m-inverted > span.hll { color: #dcdcdc; opacity: 1; background-color: transparent; diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css index 5023cacd..9479646e 100644 --- a/css/m-light+doxygen.compiled.css +++ b/css/m-light+doxygen.compiled.css @@ -1084,13 +1084,13 @@ pre.m-code span.hll { margin-right: -1.0rem; padding-left: 1.0rem; } -pre.m-code.m-inverted { +.m-code.m-inverted { color: rgba(91, 91, 91, 0.33); } -pre.m-code.m-inverted > span { +.m-code.m-inverted > span { opacity: 0.3333; } -pre.m-code.m-inverted > span.hll { +.m-code.m-inverted > span.hll { color: #000000; opacity: 1; background-color: transparent; diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css index da316cb6..ba7f58be 100644 --- a/css/m-light.compiled.css +++ b/css/m-light.compiled.css @@ -1084,13 +1084,13 @@ pre.m-code span.hll { margin-right: -1.0rem; padding-left: 1.0rem; } -pre.m-code.m-inverted { +.m-code.m-inverted { color: rgba(91, 91, 91, 0.33); } -pre.m-code.m-inverted > span { +.m-code.m-inverted > span { opacity: 0.3333; } -pre.m-code.m-inverted > span.hll { +.m-code.m-inverted > span.hll { color: #000000; opacity: 1; background-color: transparent;