From 4939cfc68531543b6728ec4e7ae16daa2958deed Mon Sep 17 00:00:00 2001
From: Snazzah <suggesttosnazzy@gmail.com>
Date: Fri, 31 Dec 2021 14:51:52 -0600
Subject: [PATCH] feat: add sidebar styling

---
 docs/.vuepress/styles/index.styl | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index 7508e64..321491c 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -99,6 +99,19 @@ html
   .sidebar-heading.open
     color var(--headerText) !important
 
+@media (max-width: $MQMobile)
+  .sidebar-mask
+    display block
+    pointer-events none
+    backdrop-filter brightness(1)
+    transition backdrop-filter .2s ease
+  .theme-container.sidebar-open
+    .sidebar
+      box-shadow 4px 0px 4px rgba(0, 0, 0, 0.25)
+    .sidebar-mask
+      backdrop-filter brightness(0.75)
+      pointer-events all
+
 // Lightbox
 .lightbox__default-loader {
   position:absolute;