1 files changed, 40 insertions, 48 deletions

diff --git a/docs/src/scss/docs.scss b/docs/src/scss/docs.scss
index fae8152..9de8074 100644
--- a/docs/src/scss/docs.scss
+++ b/docs/src/scss/docs.scss
@@ -148,47 +148,6 @@
     padding-top: 1rem;
   }
 
-  .docs-ad {
-    background: $bg-color;
-    border-radius: $border-radius;
-    display: block;
-    margin: 2rem 0;
-    padding: $layout-spacing;
-    position: relative;
-
-    &::before {
-      color: $gray-color;
-      content: "AD";
-      font-size: $font-size-sm;
-      position: absolute;
-      right: $layout-spacing;
-      top: $unit-h;
-    }
-
-    &.docs-ad-sidebar {
-      &::before {
-        content: none;
-      }
-    }
-  }
-
-  .carbon-wrap {
-    .carbon-img {
-      display: block;
-    }
-
-    .carbon-text {
-      color: $gray-color-dark;
-      display: block;
-      font-size: $font-size-sm;
-    }
-  }
-
-  .carbon-poweredby {
-    color: $gray-color;
-    font-size: $font-size-sm;
-  }
-
   .column {
     padding: $layout-spacing;
   }
@@ -243,18 +202,21 @@
     .hljs-comment {
       color: $gray-color;
     }
+
     .hljs-title,
     .hljs-class,
     .hljs-string {
       color: $primary-color;
     }
+
+    .hljs-name,
     .hljs-attribute,
     .hljs-variable,
     .hljs-keyword,
     .hljs-built_in {
       color: $code-color;
-      
     }
+
     .hljs-value,
     .hljs-hexcolor {
       color: lighten($body-font-color, 10%);
@@ -334,13 +296,13 @@
     }
   
     img {
-      display: inline;
+      display: inline-block;
       height: auto;
       width: 1.6rem;
     }
   
     h2 {
-      display: inline;
+      display: inline-block;
       font-size: .8rem;
       font-weight: 700;
       line-height: 1.5rem;
@@ -360,11 +322,35 @@
   }
 }
 
-.btn {
-  .feather {
-    height: 1rem;
+.docs-ad {
+  background: $bg-color;
+  border-radius: $border-radius;
+  display: block;
+  margin: 2rem 0;
+  padding: $layout-spacing;
+  position: relative;
+
+  ins {
+    line-height: 1;
     vertical-align: middle;
   }
+
+  .carbon-wrap {
+    .carbon-img {
+      display: block;
+    }
+  
+    .carbon-text {
+      color: $gray-color-dark;
+      display: block;
+      font-size: $font-size-sm;
+    }
+  }
+  
+  .carbon-poweredby {
+    color: $gray-color;
+    font-size: $font-size-sm;
+  }
 }
 
 /* Spectre Homepage style */
@@ -385,6 +371,10 @@
   }
 }
 
+.section-ads {
+  padding: 1rem .5rem;
+}
+
 .section-updates {
   padding: 4.5rem .5rem 3.5rem .5rem;
 
@@ -420,6 +410,7 @@
   h1 {
     color: $body-font-color;
     font-size: 1.6rem;
+    font-weight: 600;
     margin-bottom: 1.5rem;
   }
 
@@ -445,7 +436,8 @@
 
     .card-title {
       color: $primary-color;
-      font-size: .9rem;
+      font-size: 1rem;
+      font-weight: 700;
       margin-bottom: 0;
     }
   }