💄 Add table styles

staart · Oct 16, 2019 · 002c9d9 · 002c9d9
1 parent fcbaab0
commit 002c9d9
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@staart/site",
-  "version": "0.9.21",
+  "version": "0.9.22",
   "main": "dist/index.js",
   "repository": "[email protected]:staart/site",
   "author": "Anand Chowdhary <[email protected]>",

diff --git a/src/style.scss b/src/style.scss
@@ -228,6 +228,29 @@ pre {
   font-size: 80%;
 }
 
+table th {
+  font-weight: 600;
+}
+
+table td,
+table th {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 0.5rem 1rem;
+}
+
+table tr {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+table tr:nth-child(2n) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+img {
+  box-sizing: content-box;
+  max-width: 100%;
+}
+
 @media (max-width: 500px) {
   main,
   div {