From f73aa66f478b89ffaa68782ae850694d77a9a962 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Mon, 26 Sep 2022 16:45:13 +0630
Subject: [PATCH] Update collapsible section outline style on focus

---
 src/styles/base.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/styles/base.css b/src/styles/base.css
index c15c037..78a7741 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -74,8 +74,7 @@
     prose-hr:!border-skin-line prose-li:marker:!text-skin-accent 
     prose-blockquote:!border-l-skin-accent prose-blockquote:border-opacity-50;
   }
-  #article a,
-  #about a {
+  .prose a {
     @apply hover:!text-skin-accent;
   }
   .prose thead th:first-child,
@@ -83,13 +82,16 @@
   tfoot td:first-child {
     padding-left: 0.5714286em;
   }
-  #article h2#table-of-contents {
+  .prose h2#table-of-contents {
     @apply mb-2;
   }
-  #article details {
-    @apply text-skin-base;
+  .prose details {
+    @apply text-skin-base cursor-pointer inline-block select-none;
   }
-  #article h2#table-of-contents + p {
+  .prose summary {
+    @apply focus-outline;
+  }
+  .prose h2#table-of-contents + p {
     @apply hidden;
   }
   #article details {