From be7b5d729f1cd15d9d8f7d6bcfae9fb2912a9f0d Mon Sep 17 00:00:00 2001
From: Oliver Davies <opdavies@gmail.com>
Date: Tue, 13 Feb 2018 18:47:15 +0000
Subject: [PATCH] Add widget class

---
 assets/less/components/widget.less      | 3 +++
 assets/less/main.less                   | 1 +
 source/_includes/availability.html.twig | 2 +-
 source/_includes/badges.html.twig       | 4 ++--
 source/_includes/posts/latest.html.twig | 2 +-
 5 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 assets/less/components/widget.less

diff --git a/assets/less/components/widget.less b/assets/less/components/widget.less
new file mode 100644
index 000000000..48262ecac
--- /dev/null
+++ b/assets/less/components/widget.less
@@ -0,0 +1,3 @@
+.widget {
+    @apply .mb-6 .block;
+}
diff --git a/assets/less/main.less b/assets/less/main.less
index 247b87101..7066e10b4 100644
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -73,5 +73,6 @@ svg {
 @import 'components/table.less';
 @import 'components/talk/slides.less';
 @import 'components/talk/video.less';
+@import 'components/widget.less';
 
 @tailwind utilities;
diff --git a/source/_includes/availability.html.twig b/source/_includes/availability.html.twig
index 9438df269..9adc5aceb 100644
--- a/source/_includes/availability.html.twig
+++ b/source/_includes/availability.html.twig
@@ -1,4 +1,4 @@
-<div class="block mb-6">
+<div class="widget">
     <h2>Availability</h2>
 
     <ul class="list-reset">
diff --git a/source/_includes/badges.html.twig b/source/_includes/badges.html.twig
index 66035be1e..e036a203b 100644
--- a/source/_includes/badges.html.twig
+++ b/source/_includes/badges.html.twig
@@ -1,11 +1,11 @@
 <div class="flex items-center md:block text-center">
-    <div class="w-1/2 md:w-full">
+    <div class="widget w-1/2 md:w-full">
         <a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="block mb-4 px-4 md:px-0 lg:w-3/4 lg:mx-auto">
             <img src="{{ site.images_url }}/assets/images/badges/da-individual-member.png" alt="Drupal Association Individual Member"/>
         </a>
     </div>
 
-    <div class="w-1/2 md:w-full">
+    <div class="widget w-1/2 md:w-full">
         <div class="mb-4 flex flex-wrap">
             <div class="w-full lg:w-1/2 leading-none px-4 md:px-0">
                 <img src="{{ site.images_url }}/assets/images/badges/acquia-d8-grand-master.png" alt="Acquia Certified Grand Master - Drupal 8 Exam Badge" />
diff --git a/source/_includes/posts/latest.html.twig b/source/_includes/posts/latest.html.twig
index eeaeed88a..7a18d7e23 100644
--- a/source/_includes/posts/latest.html.twig
+++ b/source/_includes/posts/latest.html.twig
@@ -1,5 +1,5 @@
 {% if data.posts and page.url != '/blog' %}
-    <div class="mb-6 lh-copy">
+    <div class="widget lh-copy">
         <h2>Latest Blog Posts</h2>
 
         <ul class="bullets">