Update ads templates

11 files changed, 36 insertions, 19 deletions

diff --git a/docs/src/_ads.pug b/docs/src/_ads.pug
deleted file mode 100644
index c7e1c91..0000000
--- a/docs/src/_ads.pug
+++ /dev/null
@@ -1,17 +0,0 @@
-block ad-adsense
-  .docs-ad
-    .hide-md
-      script(async='', src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js')
-      // GitHub-lg
-      ins.adsbygoogle(style='display:inline-block;width:728px;height:90px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9894180784')
-      script.
-        (adsbygoogle = window.adsbygoogle || []).push({});
-    .show-md
-      // GitHub-sm
-      ins.adsbygoogle(style='display:inline-block;width:300px;height:250px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9278881734')
-      script.
-        (adsbygoogle = window.adsbygoogle || []).push({});
-
-block ad-carbons
-  .docs-ad.docs-ad-sidebar
-    script#_carbonads_js(async='', type='text/javascript', src='//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=picturepan2githubio')
\ No newline at end of file
diff --git a/docs/src/components.pug b/docs/src/components.pug
index 377ae12..9f0ee6a 100644
--- a/docs/src/components.pug
+++ b/docs/src/components.pug
@@ -8,6 +8,7 @@ block variables
 block docs-content
   //- Accordions
   +docs-heading('accordions', 'Accordions')
+    include contents/_ad-g.pug
     include contents/accordions.pug
     
   //- Avatars
@@ -28,6 +29,7 @@ block docs-content
 
   //- Cards
   +docs-heading('cards', 'Cards')
+    include contents/_ad-c.pug
     include contents/cards.pug
 
   //- Chips
diff --git a/docs/src/contents/_ad-c.pug b/docs/src/contents/_ad-c.pug
new file mode 100644
index 0000000..f331444
--- /dev/null
+++ b/docs/src/contents/_ad-c.pug
@@ -0,0 +1,3 @@
+block ad-carbons
+  .docs-ad.docs-ad-sidebar.text-center
+    script#_carbonads_js(async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DTKQW&placement=picturepan2githubio")
\ No newline at end of file
diff --git a/docs/src/contents/_ad-g.pug b/docs/src/contents/_ad-g.pug
new file mode 100644
index 0000000..675430b
--- /dev/null
+++ b/docs/src/contents/_ad-g.pug
@@ -0,0 +1,13 @@
+block ad-adsense
+  .docs-ad
+    .hide-md.text-center
+      script(async='', src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js')
+      // GitHub-lg
+      ins.adsbygoogle.mx-auto(style='display:inline-block;width:728px;height:90px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9894180784')
+      script.
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    .show-md.text-center
+      // GitHub-sm
+      ins.adsbygoogle(style='display:inline-block;width:300px;height:250px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9278881734')
+      script.
+        (adsbygoogle = window.adsbygoogle || []).push({});
\ No newline at end of file
diff --git a/docs/src/elements.pug b/docs/src/elements.pug
index 15b78e4..c80dba2 100644
--- a/docs/src/elements.pug
+++ b/docs/src/elements.pug
@@ -8,6 +8,7 @@ block variables
 block docs-content
   //- Typography
   +docs-heading('typography', 'Typography')
+    include contents/_ad-g.pug
     include contents/typography.pug
     
   //- Tables
@@ -16,6 +17,7 @@ block docs-content
 
   //- Buttons
   +docs-heading('buttons', 'Buttons')
+    include contents/_ad-c.pug
     include contents/buttons.pug
 
   //- Forms
diff --git a/docs/src/experimentals.pug b/docs/src/experimentals.pug
index ed253fc..c21a2a4 100644
--- a/docs/src/experimentals.pug
+++ b/docs/src/experimentals.pug
@@ -12,10 +12,12 @@ block docs-content
   
   //- Autocomplete
   +docs-heading('autocomplete', 'Autocomplete')
+    include contents/_ad-g.pug
     include contents/autocomplete.pug
     
   //- Calendars
   +docs-heading('calendars', 'Calendars')
+    include contents/_ad-c.pug
     include contents/calendars.pug
 
   //- Carousels
diff --git a/docs/src/getting-started.pug b/docs/src/getting-started.pug
index 7a7155b..3b91823 100644
--- a/docs/src/getting-started.pug
+++ b/docs/src/getting-started.pug
@@ -12,10 +12,12 @@ block docs-content
     
   //- Installation
   +docs-heading('installation', 'Installation')
+    include contents/_ad-g.pug
     include contents/installation.pug
 
   //- Custom
   +docs-heading('custom', 'Custom version')
+    include contents/_ad-c.pug
     include contents/custom.pug
 
   //- Accessibility
diff --git a/docs/src/index.pug b/docs/src/index.pug
index 847c4fb..75b28ba 100644
--- a/docs/src/index.pug
+++ b/docs/src/index.pug
@@ -41,6 +41,10 @@ block content
               span.card-title Modern
             .card-body
               | Elegantly designed and developed elements and components
+      .columns
+        .column.col-12
+          include contents/_ad-g.pug
+
   .section.section-features.bg-primary.text-light.text-center
     .container.grid-lg
       h2 Introduction
@@ -81,4 +85,5 @@ block content
             .card-footer
               a.btn.btn-primary(href='getting-started.html') Explore
   footer.section.section-footer
+    include contents/_ad-c.pug
     include _footer.pug
\ No newline at end of file
diff --git a/docs/src/layout.pug b/docs/src/layout.pug
index b2bc502..5aa8bc5 100644
--- a/docs/src/layout.pug
+++ b/docs/src/layout.pug
@@ -8,10 +8,12 @@ block variables
 block docs-content
   //- Flexbox grid
   +docs-heading('grid', 'Flexbox grid')
+    include contents/_ad-g.pug
     include contents/grid.pug
     
   //- Responsive
   +docs-heading('responsive', 'Responsive')
+    include contents/_ad-c.pug
     include contents/responsive.pug
 
   //- Navbar
diff --git a/docs/src/scss/docs.scss b/docs/src/scss/docs.scss
index 8887d4d..ae9c28b 100644
--- a/docs/src/scss/docs.scss
+++ b/docs/src/scss/docs.scss
@@ -159,7 +159,8 @@
   .docs-ad {
     background: $bg-color;
     border-radius: $border-radius;
-    display: inline-block;
+    display: block;
+    margin: 2rem 0;
     padding: $layout-spacing;
     position: relative;
 
@@ -397,7 +398,6 @@
 
   .card {
     border: 0;
-    color: lighten($body-font-color, 15%);
     margin-bottom: 1rem;
   }
 }
@@ -587,6 +587,7 @@
   .docs-ad {
     &.docs-ad-sidebar {
       bottom: 1rem;
+      margin: 0;
       position: fixed;
       right: 1rem;
       width: 7.3rem;
diff --git a/docs/src/utilities.pug b/docs/src/utilities.pug
index 0443ece..4263420 100644
--- a/docs/src/utilities.pug
+++ b/docs/src/utilities.pug
@@ -8,6 +8,7 @@ block variables
 block docs-content
   //- Colors
   +docs-heading('colors', 'Color utilities')
+    include contents/_ad-g.pug
     include contents/colors.pug
     
   //- Cursor
@@ -16,6 +17,7 @@ block docs-content
 
   //- Display
   +docs-heading('display', 'Display utilities')
+    include contents/_ad-c.pug
     include contents/display.pug
 
   //- Divider