fix code highlight lines

This commit is contained in:
Philipp Kühn
2020-10-12 21:14:14 +02:00
parent a7c2ccb65a
commit e9d410f53b

View File

@@ -34,7 +34,7 @@ pre[class*="language-"] {
} }
pre > code[class*="language-"] { pre > code[class*="language-"] {
display: inline-block; // TODO: breaks on mobile safari display: block;
min-width: 100%; min-width: 100%;
background: none; background: none;
} }
@@ -206,7 +206,11 @@ pre[class*="language-"].language-scss > code {
} }
.line-highlight { .line-highlight {
background: rgba($colorWhite, 0.1) !important; background: linear-gradient(
to right,
rgba($colorWhite, 0.1),
rgba($colorWhite, 0),
) !important;
left: -1.5rem !important; left: -1.5rem !important;
right: -1.5rem !important; right: -1.5rem !important;
margin: 0 !important; margin: 0 !important;