From 02e9cb01e7663af3a3fd16725afc7d71e73b9eed Mon Sep 17 00:00:00 2001
From: Amaresh  S M <amareshsm13@gmail.com>
Date: Thu, 30 Jun 2022 17:50:44 -0700
Subject: [PATCH] chore: revamp carbon ad style (#16078)

---
 docs/src/assets/scss/carbon-ads.scss | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/docs/src/assets/scss/carbon-ads.scss b/docs/src/assets/scss/carbon-ads.scss
index b5812dc0ee8..ccf578e6d9a 100644
--- a/docs/src/assets/scss/carbon-ads.scss
+++ b/docs/src/assets/scss/carbon-ads.scss
@@ -11,11 +11,9 @@
 
 #carbonads {
     display: inline-block;
-    margin: 2rem 0;;
+    margin: 2rem 0;
     padding: .6em;
-
-    font-size: 16px;
-    line-height: 1.35;
+    font-size: 1rem;
     overflow: hidden;
     border-radius: 4px;
     background-color: var(--body-background-color);
@@ -40,11 +38,12 @@
 #carbonads a {
     font-weight: 500;
     color: inherit;
+    text-decoration: none;
 }
 
 #carbonads a:hover {
     text-decoration: none;
-    color: inherit;
+    color: var(--link-color);
 }
 
 .jumbotron #carbonads a {
@@ -58,13 +57,11 @@
 #carbonads span {
     display: block;
     position: relative;
-
     overflow: hidden;
 }
 
 #carbonads .carbon-wrap {
     display: flex;
-
     flex-direction: column;
     max-width: 130px;
 }
@@ -75,37 +72,36 @@
 
 #carbonads .carbon-text {
     margin-top: 10px;
-
-    font-size: 14px;
+    line-height: 1rem;
+    font-size: .7em;
+    font-weight: 500;
     text-align: left;
 }
 
 #carbonads .carbon-poweredby {
     display: block;
     margin-top: 10px;
-    font-size: 10px;
+    font-size: 0.5rem;
+    font-weight: 500;
     line-height: 1;
-    letter-spacing: 1px;
+    letter-spacing: .1ch;
     text-transform: uppercase;
 }
 
 @media only screen and (min-width: 320px) and (max-width: 759px) {
     #carbonads {
         margin-top: 0;
-
         font-size: 12px;
     }
 
     #carbonads .carbon-wrap {
         display: flex;
-
         flex-direction: row;
         max-width: 330px;
     }
 
     #carbonads .carbon-text {
         margin: 0 0 14px 10px;
-
         font-size: 14px;
         text-align: left;
     }
@@ -114,7 +110,6 @@
         position: absolute;
         bottom: 0;
         left: 142px;
-
         font-size: 8px;
     }
 }