From e9d410f53b6f24af379d2e22498ce304583c1dee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Mon, 12 Oct 2020 21:14:14 +0200
Subject: [PATCH] fix code highlight lines

---
 docs/src/layouts/App/prism.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index 6b8544a3..5f87bc69 100644
--- 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;