diff --git a/assets/scss/_common/single.scss b/assets/scss/_common/single.scss index 1604d225..34bc2f5a 100644 --- a/assets/scss/_common/single.scss +++ b/assets/scss/_common/single.scss @@ -187,22 +187,24 @@ pre { overflow: auto; font-size: $fontSize * 0.8; margin: ($fontSize * 2) 0; + padding: 1em; + line-height: 1.618; + background-color: alpha(var(--color-contrast-lower), 0.5); } .highlight { font-size: 0.8em; margin: ($fontSize * 2) 0; - line-height: 1.618; - background-color: var(--color-contrast-lower); code { margin: 0; padding: 0; font-size: 1em; + background-color: unset; } pre { - margin: 1em 0; - } - table { - border-collapse: separate; + margin: 0; + padding: 1em; + overflow: hidden; + background-color: unset; } th, td { font-size: inherit; @@ -214,19 +216,12 @@ pre { background-color: inherit; } } -span.lnt { - user-select: none; - display: block; - margin: 0 !important; - padding: 0 !important; -} -.lntable { - padding: 0 1em !important; -} -.lntd { - padding-right: 1em !important; - pre { - overflow: hidden; +.chroma { + .lnt { + user-select: none; + display: block; + margin-right: -1em !important; + padding: 0 !important; } } diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 24472377..0ab06e6e 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -334,13 +334,13 @@ @import "_common/_highlight/light.scss"; .chroma { color: var(--color-contrast-high); - background-color: var(--color-contrast-lower); + background-color: alpha(var(--color-contrast-lower), 0.5); } {{ if .Site.Params.enableDarkMode }} @import "_common/_highlight/dark.scss"; .chroma-dark { color: var(--color-contrast-high); - background-color: var(--color-contrast-lower); + background-color: alpha(var(--color-contrast-lower), 0.5); } {{ end }} {{ end }}