Article content element styles

site_test/css/main.scss

@@ -77,6 +77,48 @@ blockquote {
     }
 }
 
+img {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+}
+
+figure {
+    margin: 0;
+
+    figcaption {
+        margin-top: 4px;
+        font-size: 1.1rem;
+        font-style: italic;
+        color: var(--secondary-text-color);
+        text-align: center;
+    }
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    border: 1px solid var(--secondary-text-color);
+
+    tr,
+    th,
+    td {
+        border: 1px solid var(--secondary-text-color);
+    }
+
+    td,
+    th {
+        padding: 0 0.5em;
+        text-align: left;
+    }
+
+    thead > tr,
+    tbody > tr:nth-child(even) {
+        // darkened solarized base2
+        background: darken(#eee8d5, 5%);
+    }
+}
+
 html {
     font-family: "Valkyrie A", Charter, serif;
     font-size: 16px;

site_test/css/syntax-highlighting.scss

@@ -19,7 +19,7 @@
     padding: 0.5em;
     color: var(--solarized-base01);
     // darkened base2
-    background: darken(#eee8d5, 4%);
+    background: darken(#eee8d5, 5%);
 }
 
 .highlight > code {