diff --git a/docs/_includes/ads.html b/docs/_includes/ads.html
index ba4775f5e..662b62971 100644
--- a/docs/_includes/ads.html
+++ b/docs/_includes/ads.html
@@ -1 +1 @@
-
+
diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css
index 3d4f5a396..5daf17102 100644
--- a/docs/assets/css/docs.min.css
+++ b/docs/assets/css/docs.min.css
@@ -281,64 +281,54 @@
}
}
-.carbonad {
- width: auto !important;
- height: auto !important;
- padding: 1.25rem !important;
- margin: 2rem -30px -2rem !important;
+#carbonads {
+ display: block;
+ padding: 15px 15px 15px 160px;
+ margin: 50px -15px 0;
overflow: hidden;
- font-family: inherit !important;
- font-size: .8rem !important;
- line-height: 1rem !important;
- color: #cdbfe3 !important;
+ font-size: 13px;
+ line-height: 1.5;
text-align: left;
- background: #3e2c5a !important;
- border: 0 !important;
+ border: solid #866ab3;
+ border-width: 1px 0 0;
}
-.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: inherit !important;
-}
-
-.carbonad-text {
- padding-top: 0 !important;
-}
-
-.carbonad-tag {
- color: inherit !important;
- text-align: left !important;
-}
-
-.carbonad-text a,
-.carbonad-tag a {
- color: #cdbfe3 !important;
-}
-
-.carbonad-text a:hover,
-.carbonad-tag a:hover {
- color: #fff !important;
+#carbonads a {
+ color: #fff;
+ text-decoration: none;
}
@media (min-width: 544px) {
- .carbonad {
- width: 330px !important;
- padding: 1rem !important;
- margin-right: auto !important;
- margin-left: auto !important;
- border-radius: .25rem;
+ #carbonads {
+ max-width: 330px;
+ margin: 50px auto 0;
+ border-width: 1px;
+ border-radius: 4px;
}
}
+@media (min-width: 992px) {
+ #carbonads {
+ position: absolute;
+ top: 0;
+ right: 15px;
+ margin-top: 0;
+ }
+ .bd-masthead #carbonads {
+ position: static;
+ }
+}
+
+.carbon-img {
+ float: left;
+ margin-left: -145px;
+}
+
+.carbon-poweredby {
+ display: block;
+ color: #cdbfe3 !important;
+}
+
.bd-content > table {
display: block;
width: 100%;
diff --git a/docs/assets/css/docs.min.css.map b/docs/assets/css/docs.min.css.map
index 004420802..acb040ee2 100644
Binary files a/docs/assets/css/docs.min.css.map and b/docs/assets/css/docs.min.css.map differ
diff --git a/docs/assets/scss/_ads.scss b/docs/assets/scss/_ads.scss
index 405cac30a..237b1e70b 100644
--- a/docs/assets/scss/_ads.scss
+++ b/docs/assets/scss/_ads.scss
@@ -1,66 +1,50 @@
-// scss-lint:disable ImportantRule
+// scss-lint:disable ImportantRule, IdSelector
//
// Carbon ads
//
-.carbonad {
- width: auto !important;
- height: auto !important;
- padding: 1.25rem !important;
- margin: 2rem ($grid-gutter-width * -1) -2rem !important;
- overflow: hidden; // clearfix
- font-family: inherit !important;
- font-size: .8rem !important;
- line-height: 1rem !important;
- color: $bd-purple-light !important;
+#carbonads {
+ display: block;
+ padding: 15px 15px 15px 160px;
+ margin: 50px -15px 0;
+ overflow: hidden;
+ font-size: 13px;
+ line-height: 1.5;
text-align: left;
- background: darken($bd-purple, 10%) !important;
- border: 0 !important;
-}
+ border: solid #866ab3;
+ border-width: 1px 0 0;
-.carbonad-img {
- margin: 0 !important;
-}
+ a {
+ color: #fff;
+ text-decoration: none;
+ }
-.carbonad-text,
-.carbonad-tag {
- display: block !important;
- float: none !important;
- width: auto !important;
- height: auto !important;
- margin-left: 145px !important;
- font-family: inherit !important;
-}
+ @include media-breakpoint-up(sm) {
+ max-width: 330px;
+ margin: 50px auto 0;
+ border-width: 1px;
+ border-radius: 4px;
+ }
-.carbonad-text {
- padding-top: 0 !important;
-}
+ @include media-breakpoint-up(lg) {
+ position: absolute;
+ top: 0;
+ right: 15px;
+ margin-top: 0;
-.carbonad-tag {
- color: inherit !important;
- text-align: left !important;
-}
-
-.carbonad-text a,
-.carbonad-tag a {
- color: $bd-purple-light !important;
-
- &:hover {
- color: #fff !important;
+ .bd-masthead & {
+ position: static;
+ }
}
}
-@include media-breakpoint-up(sm) {
- .carbonad {
- width: 330px !important;
- padding: 1rem !important;
- margin-right: auto !important;
- margin-left: auto !important;
- border-radius: .25rem;
- }
+.carbon-img {
+ float: left;
+ margin-left: -145px;
}
-@include media-breakpoint-up(md) {
-
+.carbon-poweredby {
+ display: block;
+ color: #cdbfe3 !important;
}