Style updates

Author: dcooney

components/atoms/Button/Button.module.css

@@ -1,8 +1,8 @@
 .button {
-  @apply inline-flex items-center justify-center rounded border cursor-pointer font-semibold;
+  @apply inline-flex items-center justify-center rounded border cursor-pointer font-semibold mr-2 mb-2;
 
   & svg {
-    @apply ml-12;
+    @apply ml-4;
   }
 
   &.iconLeft {
@@ -21,21 +21,15 @@
 
   /* SIZES */
   &.lg {
-    @apply px-6 py-3;
-
-    line-height: 1.5625rem;
+    @apply px-4 py-3 text-lg;
   }
 
   &.md {
-    @apply px-3 py-1.5;
-
-    line-height: 1.25rem;
+    @apply px-3 py-2;
   }
 
   &.sm {
     @apply px-1.5 py-0.5;
-
-    line-height: 1.0625rem;
   }
 
   &.fluid {

components/atoms/Image/Image.module.css

@@ -6,6 +6,6 @@
   }
 
   & .caption {
-    @apply text-center pt-12;
+    @apply text-center text-xs pt-4;
   }
 }

components/atoms/VideoEmbed/VideoEmbed.module.css

@@ -12,6 +12,6 @@
   }
 
   & .caption {
-    @apply text-center text-xs pt-12;
+    @apply text-center text-xs pt-4;
   }
 }

components/molecules/AlgoliaSearch/AlgoliaSearch.module.css

@@ -126,8 +126,6 @@
 
       & span.time {
         @apply overflow-ellipsis text-right font-normal italic flex-shrink-0 self-start text-xs opacity-50;
-
-        width: 30%;
       }
     }
 

components/molecules/ButtonGroup/ButtonGroup.module.css

@@ -1,5 +1,5 @@
 .buttonGroup {
-  @apply mb-12;
+  @apply mb-8;
 
   &.horizontal {
     @apply flex;

components/molecules/ImageGallery/ImageGallery.module.css

@@ -1,8 +1,8 @@
 .gallery {
-  @apply mb-20;
+  @apply mb-8;
 
   & .wrap {
-    @apply grid grid-cols-4 gap-12;
+    @apply grid grid-cols-4 gap-2;
 
     &.columns-1 {
       @apply grid-cols-1;
@@ -27,9 +27,13 @@
     &.columns-6 {
       @apply grid-cols-6;
     }
+
+    & > div {
+      @apply self-center;
+    }
   }
 
   & .caption {
-    @apply text-center pt-12;
+    @apply text-center text-xs pt-4;
   }
 }

components/organisms/Header/Header.module.css

@@ -6,7 +6,7 @@
   }
 
   & .navigation {
-    @apply flex items-center justify-between;
+    @apply flex items-end justify-between;
   }
 }
 

styles/demo.css

@@ -13,6 +13,7 @@
     }
   }
 
+  /* Body Heading Styles */
   & h1,
   & h2,
   & h3,