style changes to tweets and tables

css/content.css

@@ -104,6 +104,7 @@
 
 .content .twitter-tweet {
   width: auto !important;
+  margin: 0 auto;
 }
 
 .content .wp-caption {
@@ -127,8 +128,7 @@
 @media (--viewport-md) {
   .content .twitter-tweet,
   .content .wp-caption {
-    margin: 0 0 var(--space-md);
+    padding: var(--space-sm) var(--space-md);
-    padding: var(--space-md);
   }
 }
 
@@ -147,6 +147,19 @@
   font-size: 0.8rem;
 }
 
+.content .wp-block-table {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.content figcaption {
+  font-size: var(--size-body-extra-small);
+  font-style: italic;
+  text-align: center;
+  color: var(--color-dark-blue);
+}
+
 .content table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -165,12 +178,8 @@
   }
 }
 
-.content th,
-.content tr,
 .content td {
-  border-width: 0 0 1px;
+  border: 1px solid var(--color-dark-blue);
-  border-style: solid;
-  border-color: var(--color-dark-blue);
   padding: var(--space-xs);
 }
 

css/index.css

@@ -71,8 +71,8 @@
   --bullet-size: 0.45rem;
 }
 
-@custom-media --viewport-sm (min-width: 30rem);
+@custom-media --viewport-sm (min-width: 30em);
-@custom-media --viewport-md (min-width: 40rem);
+@custom-media --viewport-md (min-width: 40em);
-@custom-media --viewport-lg (min-width: 60rem);
+@custom-media --viewport-lg (min-width: 60em);
-@custom-media --viewport-xl (min-width: 75rem);
+@custom-media --viewport-xl (min-width: 75em);
 @custom-media --viewport-wordpress-admin-bar (min-width: 783px);

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "windycoys",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "windycoys",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Wordpress theme for windycoys.com",
   "author": "Dan Head <me@danielhead.com>",
   "license": "MIT",