Update article styling to format tables and code tags.

ivelum · Dec 19, 2024 · 399310c · 399310c
1 parent a2dfe2c
commit 399310c
Showing 1 changed file with 42 additions and 0 deletions.
diff --git a/assets/sass/_article.scss b/assets/sass/_article.scss
@@ -87,4 +87,46 @@
   img {
     max-width: 100%;
   }
+
+  code {
+    background: #f9fafc;
+    border: 1px solid #e6e8f0;
+    border-radius: 4px;
+    color: #696f8c;
+    display: inline-block;
+    font-size: 1rem;
+    padding: 0 .375rem;
+  }
+
+  pre {
+    background-color: transparent !important;
+    padding-left: 5px;
+  }
+
+  table {
+    font-size: 1rem;
+    margin: .75rem 0;
+    padding: 0;
+    width: 100%;
+
+    @include media-up(lg) {
+      margin: 1rem 0;
+    }
+
+    th {
+      background-color: #e5f0ff;
+      border-right: 1px solid #fff;
+      font-weight: 400;
+      padding: .75rem 1rem;
+      text-align: left;
+      width: 50%;
+    }
+
+    td {
+      text-align: left !important;
+      border-bottom: 1px solid #e6e8f0;
+      padding: .75rem 1rem;
+      vertical-align: top;
+    }
+  }
 }