1 files changed, 152 insertions, 0 deletions
diff --git a/docs/assets/less/ads.less b/docs/assets/less/ads.less
new file mode 100644
index 0000000000..412205e7e2
--- /dev/null
+++ b/docs/assets/less/ads.less
@@ -0,0 +1,152 @@
+// scss-lint:disable ImportantRule, IdSelector
+
+//
+// Carbon ads
+//
+
+#carbonads {
+  display: block;
+  padding: 15px 15px 15px 160px;
+  margin: 50px -15px 0;
+  overflow: hidden;
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: left;
+  border: solid #866ab3;
+  border-width: 1px 0 0;
+
+  a {
+    color: #fff;
+    text-decoration: none;
+  }
+
+  @media (min-width: @screen-sm-min) {
+    max-width: 330px;
+    margin: 50px auto 0;
+    border-width: 1px;
+    border-radius: 4px;
+  }
+
+  @media (min-width: @screen-lg-min) {
+    position: absolute;
+    top: 0;
+    right: 15px;
+    margin-top: 0;
+
+    .bd-masthead & {
+      position: static;
+    }
+  }
+}
+
+.carbon-img {
+  float: left;
+  margin-left: -145px;
+}
+
+.carbon-poweredby {
+  display: block;
+  color: #cdbfe3 !important;
+}
+
+.bd-content {
+  #carbonads {
+    position: static;
+    max-width: 400px;
+    margin: 2rem 0;
+    line-height: 1.4;
+    background-color: #f5f5f5;
+    border: 0;
+
+    a {
+      color: #333;
+    }
+
+    .carbon-poweredby {
+      color: #777 !important;
+    }
+  }
+}
+
+
+
+
+/*
+ * Carbon ads
+ *
+ * Single display ad that shows on all pages (except homepage) in page headers.
+ * The hella `!important` is required for any pre-set property.
+ */
+
+// .carbonad {
+//   width: auto !important;
+//   height: auto !important;
+//   padding: 20px !important;
+//   margin: 30px -15px -31px !important;
+//   overflow: hidden; /* clearfix */
+//   font-size: 13px !important;
+//   line-height: 16px !important;
+//   text-align: left;
+//   background: transparent !important;
+//   border: solid #866ab3 !important;
+//   border-width: 1px 0 !important;
+// }
+// .carbonad-img {
+//   margin: 0 !important;
+// }
+// .carbonad-text,
+// .carbonad-tag {
+//   display: block !important;
+//   float: none !important;
+//   width: auto !important;
+//   height: auto !important;
+//   margin-left: 145px !important;
+//   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+// }
+// .carbonad-text {
+//   padding-top: 0 !important;
+// }
+// .carbonad-tag {
+//   color: inherit !important;
+//   text-align: left !important;
+// }
+// .carbonad-text a,
+// .carbonad-tag a {
+//   color: #fff !important;
+// }
+// .carbonad #azcarbon > img {
+//   display: none; /* hide what I assume are tracking images */
+// }
+//
+// @media (min-width: 480px) {
+//   .carbonad {
+//     width: 330px !important;
+//     margin: 20px auto !important;
+//     border-width: 1px !important;
+//     border-radius: 4px;
+//   }
+//   .bs-docs-masthead .carbonad {
+//     margin: 50px auto 0 !important;
+//   }
+// }
+//
+// @media (min-width: 768px) {
+//   .carbonad {
+//     margin-right: 0 !important;
+//     margin-left: 0 !important;
+//   }
+// }
+//
+// @media (min-width: 992px) {
+//   .carbonad {
+//     position: absolute;
+//     top: 0;
+//     right: 15px; /* 15px instead of 0 since box-sizing */
+//     width: 330px !important;
+//     padding: 15px !important;
+//     margin: 0 !important;
+//   }
+//   .bs-docs-masthead .carbonad {
+//     position: static;
+//   }
+// }