Merge branch 'add-component-classes'

assets/less/components/table.less

@@ -1,3 +1,7 @@
+.table-collapse {
+    border-collapse: collapse;
+}
+
 .table-responsive {
     @apply .mb-4 .border .w-full;
     overflow-x: auto;

assets/less/components/widget.less

@@ -0,0 +1,3 @@
+.widget {
+    @apply .mb-6 .block;
+}

assets/less/main.less

@@ -1,6 +1,3 @@
-// @import (less) "~font-awesome/css/font-awesome.css";
-// @import (less) "~highlightjs/styles/github-gist.css";
-
 @tailwind preflight;
 
 p,
@@ -61,10 +58,6 @@ svg {
     fill: currentColor;
 }
 
-.table-collapse {
-    border-collapse: collapse;
-}
-
 @import 'components/listing.less';
 @import 'components/nav.less';
 @import 'components/post.less';
@@ -73,5 +66,6 @@ svg {
 @import 'components/table.less';
 @import 'components/talk/slides.less';
 @import 'components/talk/video.less';
+@import 'components/widget.less';
 
 @tailwind utilities;

source/_includes/availability.html.twig

@@ -1,4 +1,4 @@
-<div class="block mb-6">
+<div class="widget">
     <h2>Availability</h2>
 
     <ul class="list-reset">

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" />

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">