fix code highlight lines

2020-10-12 21:14:14 +02:00
parent a7c2ccb65a
commit e9d410f53b
1 changed files with 6 additions and 2 deletions
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -34,7 +34,7 @@ pre[class*="language-"] {
 }

 pre > code[class*="language-"] {
-  display: inline-block; // TODO: breaks on mobile safari
+  display: block;
  min-width: 100%;
  background: none;
 }
@@ -206,7 +206,11 @@ pre[class*="language-"].language-scss > code {
 }

 .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;
  right: -1.5rem !important;
  margin: 0 !important;