fix(vx-demo/Chord): move non-sandbox styles back into Example tsx

airbnb · May 9, 2020 · fa29050 · fa29050
1 parent 95b8bb0
commit fa29050
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 20 deletions.
diff --git a/packages/vx-demo/src/docs-v2/examples/vx-chord/Example.tsx b/packages/vx-demo/src/docs-v2/examples/vx-chord/Example.tsx
@@ -90,6 +90,25 @@ export default function Example({ width, height, centerSize = 20, events = false
           Based on Mike Bostock's <a href="https://bl.ocks.org/mbostock/4062006">Chord Diagram</a>
         </div>
       </div>
+      <style jsx>{`
+        .chords {
+          display: flex;
+          flex-direction: column;
+          user-select: none;
+        }
+        svg {
+          margin: 1rem 0;
+          cursor: pointer;
+        }
+        .deets {
+          display: flex;
+          flex-direction: row;
+          font-size: 12px;
+        }
+        .deets > div {
+          margin: 0.25rem;
+        }
+      `}</style>
     </div>
   );
 }
diff --git a/packages/vx-demo/src/docs-v2/examples/vx-chord/sandbox-styles.css b/packages/vx-demo/src/docs-v2/examples/vx-chord/sandbox-styles.css
@@ -6,23 +6,3 @@ body,
     'Open Sans', 'Helvetica Neue', sans-serif;
   line-height: 2em;
 }
-
-.chords {
-  display: flex;
-  flex-direction: column;
-  user-select: none;
-}
-
-svg {
-  margin: 1rem 0;
-  cursor: pointer;
-}
-
-.deets {
-  display: flex;
-  flex-direction: row;
-  font-size: 12px;
-}
-.deets > div {
-  margin: 0.25rem;
-}