add table styling

2020-04-23 13:25:33 +02:00
parent 378fc654b0
commit 5a1a289953
2 changed files with 37 additions and 1 deletions
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -20,7 +20,7 @@ pre[class*="language-"] {
  color: inherit;
  text-shadow: none;
  font-family: 'JetBrainsMono', monospace;
-  font-size: 1em;
+  font-size: 0.95em;
  line-height: 1.8;
  tab-size: 2;
  padding: 0;
--- a/docs/src/templates/DocPage/style.scss
+++ b/docs/src/templates/DocPage/style.scss
@@ -106,5 +106,41 @@
        }
      }
    }
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+
+      th,
+      td {
+        text-align: left;
+        font-size: 0.75rem;
+        padding: 0.5rem;
+      }
+
+      th {
+        font-weight: 600;
+        background-color: rgba($colorBlack, 0.05);
+
+        &:first-child {
+          border-top-left-radius: 5px;
+          border-bottom-left-radius: 5px;
+        }
+
+        &:last-child {
+          border-top-right-radius: 5px;
+          border-bottom-right-radius: 5px;
+        }
+      }
+
+      td {
+        border-bottom: 1px solid rgba($colorBlack, 0.05);
+      }
+
+      tr:last-child td {
+        border-bottom: 0;
+      }
+    }
+
  }
 }