From 1ded53f6bbc767c81792446f7ee87346d2a0c0d0 Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Wed, 26 Jun 2019 17:06:33 -0700
Subject: [PATCH] use css composition instead of props

---
 components/Carbon.js | 6 +++---
 pages/embed.js       | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/Carbon.js b/components/Carbon.js
index ad67a1f..d5c033b 100644
--- a/components/Carbon.js
+++ b/components/Carbon.js
@@ -153,8 +153,8 @@ class Carbon extends React.PureComponent {
         />
         {config.watermark && <Watermark light={light} />}
         <div className="container-bg">
-          {!this.props.embed && <div className="white eliminateOnRender" />}
-          {!this.props.embed && <div className="alpha eliminateOnRender" />}
+          <div className="white eliminateOnRender" />
+          <div className="alpha eliminateOnRender" />
           <div className="bg" />
         </div>
         <style jsx>
@@ -272,7 +272,7 @@ class Carbon extends React.PureComponent {
       <div className="section">
         <div className="export-container" ref={this.props.innerRef} id="export-container">
           <SpinnerWrapper loading={this.props.loading}>{content}</SpinnerWrapper>
-          {this.props.embed && <div className="twitter-png-fix" />}
+          <div className="twitter-png-fix" />
         </div>
         <style jsx>
           {`
diff --git a/pages/embed.js b/pages/embed.js
index d33a9b6..3862ea9 100644
--- a/pages/embed.js
+++ b/pages/embed.js
@@ -111,11 +111,18 @@ class Embed extends React.Component {
             readOnly={this.state.readOnly}
             copyable={this.state.copyable}
             onChange={this.updateCode}
-            embed={true}
           >
             {this.state.code}
           </Carbon>
         )}
+        <style jsx global>
+          {`
+            .eliminateOnRender,
+            .twitter-png-fix {
+              display: none;
+            }
+          `}
+        </style>
       </Page>
     )
   }