From e55829c87fca13355a4f96a981e4e30218809590 Mon Sep 17 00:00:00 2001
From: squidfunk <martin.donath@squidfunk.com>
Date: Sun, 2 Aug 2020 11:59:43 +0200
Subject: [PATCH] Removed ugly outline for details on touch devices

---
 .../stylesheets/main/extensions/pymdownx/_details.scss     | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/assets/stylesheets/main/extensions/pymdownx/_details.scss b/src/assets/stylesheets/main/extensions/pymdownx/_details.scss
index 449ccf8bb..6f76792b2 100644
--- a/src/assets/stylesheets/main/extensions/pymdownx/_details.scss
+++ b/src/assets/stylesheets/main/extensions/pymdownx/_details.scss
@@ -42,7 +42,6 @@
     padding-top: 0;
     overflow: visible;
 
-
     // Rotate title icon
     &[open] > summary::after {
       transform: rotate(90deg);
@@ -76,6 +75,12 @@
     border-top-right-radius: px2rem(2px);
     cursor: pointer;
 
+    // Disable ugly outline on touch devices
+    @media (hover: none) {
+      outline: none;
+      -webkit-tap-highlight-color: transparent;
+    }
+
     // Adjust for right-to-left languages
     [dir="rtl"] & {
       padding: px2rem(8px) px2rem(40px) px2rem(8px) px2rem(36px);