Add css to make tables more readable without messing up the blog posts

Signed-off-by: Thib <[email protected]>

Author: thibaultamartin

sass/_base.scss

@@ -196,6 +196,17 @@ pre table {
     border-collapse: collapse;
 }
 
+:not(pre)>table {
+    border-collapse: collapse;
+    border: 1px solid #000000;
+
+    td,
+    th {
+        padding: .5rem;
+        border: 1px solid #000000;
+    }
+}
+
 /* The black block on pages at the top. */
 .page-header {
     display: flex;

sass/_blog.scss

@@ -19,14 +19,18 @@ article.post {
     table {
         table-layout: fixed;
         border-spacing: 0;
+        border: unset;
+        border-collapse: unset;
 
         th {
+            border: unset;
             border-top: 1px solid var(--borders-color);
         }
 
         td,
         th {
             padding: .5rem;
+            border: unset;
             border-bottom: 1px solid var(--borders-color);
         }
 
@@ -201,4 +205,4 @@ h3 a {
     font-size: 1rem;
     margin-right: 0.5rem;
     color: inherit;
-}
+}