Update SCSS for Zola's linenos and hl_lines

2 files changed, 37 insertions, 16 deletions

diff --git a/sass/include/_table.scss b/sass/include/_table.scss
index e141b7e..0c4befc 100644
--- a/sass/include/_table.scss
+++ b/sass/include/_table.scss
@@ -3,23 +3,21 @@ table {
   border-collapse: collapse;
   width: 100%;
   text-indent: 0; /* Remove text indentation from table contents in Chrome, Edge, and Safari. */
-}
-table caption {
-  margin-bottom: .5rem;
-}
-tr {
-  border-bottom: var(--bw) solid var(--c3);
-}
-td,
-th {
-  padding: var(--s1);
-}
-th {
-  text-align: left;
-}
+  caption {
+    margin-bottom: .5rem;
+  }
+  tr {
+    border-bottom: var(--bw) solid var(--c3);
+  }
+  td,
+  th {
+    padding: var(--s1);
+  }
+  th {
+    text-align: left;
+  }
 
-// Striped
-table {
+  // Striped
   tbody tr:nth-child(even) {
     background-color: var(--c2);
   }
diff --git a/sass/include/_zola.scss b/sass/include/_zola.scss
index c18c82d..f188b99 100644
--- a/sass/include/_zola.scss
+++ b/sass/include/_zola.scss
@@ -23,3 +23,26 @@ pre code[data-lang]::before {
   right: 0px;
   font-size: .8rem;
 }
+
+// Table Override, this is used for Zola's linenos and hl_lines
+code table {
+  font-size: .8rem;
+  td, th, tr {
+    padding: 0;
+    border-bottom: none;
+  }
+  tbody tr td:first-child {
+    text-align: center;
+    user-select: none;
+  }
+  tbody tr:nth-child(even), thead tr {
+    background-color: unset;
+  }
+  // Highlighted text
+  mark {
+    display: block;
+    background-color: var(--c2);
+    color: unset;
+    padding: 0;
+  }
+}