From cd350a814fd585180ebdd19ca87ca08d81f7236a Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Fri, 19 Mar 2021 08:33:04 -0700
Subject: [PATCH] docs: style [data-outline] as relative positioned

---
 docs/src/layouts/ComponentLayout.svelte |  2 +-
 docs/src/pages/components/Popover.svx   | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/src/layouts/ComponentLayout.svelte b/docs/src/layouts/ComponentLayout.svelte
index 3f7c9b4c..5ce07727 100644
--- a/docs/src/layouts/ComponentLayout.svelte
+++ b/docs/src/layouts/ComponentLayout.svelte
@@ -213,7 +213,7 @@
     outline: 1px solid var(--cds-interactive-04);
   }
 
-  [data-outline="relative"] {
+  [data-outline] {
     position: relative;
   }
 </style>
diff --git a/docs/src/pages/components/Popover.svx b/docs/src/pages/components/Popover.svx
index 1619efb2..4a27c5f8 100644
--- a/docs/src/pages/components/Popover.svx
+++ b/docs/src/pages/components/Popover.svx
@@ -7,7 +7,7 @@
 
 By default, the position of the popover component is absolute.
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover open>
         <div style="padding: var(--cds-spacing-05)">Content</div>
@@ -18,7 +18,7 @@ By default, the position of the popover component is absolute.
 
 Set `relative` to `true` to use a relative position.
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover relative open>
         <div style="padding: var(--cds-spacing-05)">Content</div>
@@ -29,7 +29,7 @@ Set `relative` to `true` to use a relative position.
 
 Set `closeOnOutsideClick` to set `open` to `false` when clicking outside of the popover.
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover open closeOnOutsideClick on:click:outside={() => {console.log('on:click:outside')}}>
         <div style="padding: var(--cds-spacing-05)">Content</div>
@@ -38,7 +38,7 @@ Set `closeOnOutsideClick` to set `open` to `false` when clicking outside of the
 
 ### With caret
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover caret open>
         <div style="padding: var(--cds-spacing-05)">Content</div>
@@ -51,7 +51,7 @@ By default, the caret is aligned "top".
 
 Possible `align` values include `"top"`, `"top-left"`, `"top-right"`, `"bottom"`, `"bottom-left"`, `"bottom-right"`, `"left"`, `"left-bottom"`, `"left-top"`, `"right"`, `"right-bottom"` or `"right-top"`.
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover caret align="top-left" open>
         <div style="padding: var(--cds-spacing-05)">Content</div>
@@ -60,7 +60,7 @@ Possible `align` values include `"top"`, `"top-left"`, `"top-right"`, `"bottom"`
 
 ### Light variant
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover light open>
         <div style="padding: var(--cds-spacing-05)">Content</div>
@@ -69,7 +69,7 @@ Possible `align` values include `"top"`, `"top-left"`, `"top-right"`, `"bottom"`
 
 ### High contrast variant
 
-<div data-outline="relative">
+<div data-outline>
     Parent
     <Popover highContrast open>
         <div style="padding: var(--cds-spacing-05)">Content</div>