chore: add carbon script

timc1 · Jul 28, 2022 · 58e6dec · 58e6dec · vercel · Jul 28, 2022
1 parent a0b890a
commit 58e6dec
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 0 deletions.
diff --git a/example/dist/index.html b/example/dist/index.html
@@ -28,6 +28,8 @@
 </head>
 
 <body>
+  <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEAIP2QJ&placement=kbarvercelapp"
+    id="_carbonads_js"></script>
   <div id="root"></div>
   <script src="/index.js"></script>
 </body>

diff --git a/example/src/index.scss b/example/src/index.scss
@@ -128,3 +128,73 @@ a {
   text-decoration: underline;
   text-underline-position: under;
 }
+
+#carbonads * {
+  margin: initial;
+  padding: initial;
+}
+#carbonads {
+  margin-left: auto;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
+    sans-serif;
+  position: sticky;
+  top: var(--unit);
+}
+@media (max-width: 676px) {
+  #carbonads {
+    margin: auto;
+  }
+}
+#carbonads {
+  display: flex;
+  max-width: 330px;
+  background-color: var(--background);
+  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
+  z-index: 100;
+}
+#carbonads a {
+  color: inherit;
+  text-decoration: none;
+}
+#carbonads a:hover {
+  color: inherit;
+}
+#carbonads span {
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+#carbonads .carbon-wrap {
+  display: flex;
+}
+#carbonads .carbon-img {
+  display: block;
+  margin: 0;
+  line-height: 1;
+}
+#carbonads .carbon-img img {
+  display: block;
+}
+#carbonads .carbon-text {
+  font-size: 13px;
+  padding: 10px;
+  margin-bottom: 16px;
+  line-height: 1.5;
+  text-align: left;
+}
+#carbonads .carbon-poweredby {
+  display: block;
+  padding: 6px 8px;
+  background: var(--background);
+  text-align: center;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-weight: 600;
+  font-size: 8px;
+  line-height: 1;
+  border-top-left-radius: 3px;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}