docs: add carbon to docs

reactstrap · May 26, 2020 · d394c45 · d394c45
1 parent 9ba4631
commit d394c45
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 1 deletion.
diff --git a/docs/lib/UI/Content.js b/docs/lib/UI/Content.js
@@ -15,6 +15,7 @@ function Content({ items, children, title }) {
       <Row>
         <Col className="docSearch-navigation" tag="main" md={{ size: 3, order: 2 }}>
           <div className="docs-sidebar mb-3">
+            <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7IPK3E&placement=reactstrapgithubio" id="_carbonads_js"></script>
             <h1 className="h5">{title}</h1>
             <Nav className="flex-column">
               {items.sort((a, b) => a.name.localeCompare(b.name)).map(item => (

diff --git a/docs/static/docs.css b/docs/static/docs.css
@@ -384,4 +384,68 @@ code .tag {
 
 .bg-docs-transparent-grid {
   background: url(./transparent.svg);
-}
+}
+
+#carbonads {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
+  Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#carbonads {
+  display: flex;
+  max-width: 330px;
+  background-color: hsl(0, 0%, 98%);
+  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
+  margin-bottom: 16px;
+  margin-top: 2px;
+}
+
+#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;
+  flex-direction: column;
+  align-items: center;
+}
+
+.carbon-img {
+  margin: 0;
+  line-height: 1;
+  margin-top: 10px;
+}
+
+.carbon-img img {
+  display: block;
+}
+
+.carbon-text {
+  font-size: 13px;
+  padding: 10px;
+  line-height: 1.5;
+  text-align: center;
+}
+
+.carbon-poweredby {
+  display: block;
+  padding: 8px 10px;
+  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+  text-align: center;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  font-weight: 600;
+  font-size: 9px;
+  line-height: 1;
+}