From 9956cd5e8a14b70408ecd4067cb76ff7ddbcc95a Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 15 Oct 2020 18:24:17 -0700
Subject: [PATCH] docs: fix leaky body styles for framed content

---
 docs/src/pages/framed/_reset.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/framed/_reset.svelte b/docs/src/pages/framed/_reset.svelte
index 8366e4ea..19716f73 100644
--- a/docs/src/pages/framed/_reset.svelte
+++ b/docs/src/pages/framed/_reset.svelte
@@ -1,11 +1,20 @@
 <script>
+  import { onMount } from "svelte";
+
+  onMount(() => {
+    document.body.classList.add("framed");
+    return () => {
+      document.body.classList.remove("framed");
+    };
+  });
+
   // TODO: [refactor] parse search parameters more reliably
   $: currentTheme = window.location.search.split("?theme=")[1];
   $: document.documentElement.setAttribute("theme", currentTheme);
 </script>
 
 <style>
-  :global(body) {
+  :global(body.framed) {
     min-height: 100vh;
     width: 100%;
     padding: var(--cds-spacing-06) var(--cds-spacing-05);