From c24c001d799742ba6dd0ce0be2b84a67f7a78081 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Wed, 15 Jun 2022 02:51:03 -0700 Subject: Update SCSS for Zola's linenos and hl_lines --- sass/include/_table.scss | 30 ++++++++++++++---------------- sass/include/_zola.scss | 23 +++++++++++++++++++++++ 2 files changed, 37 insertions(+), 16 deletions(-) (limited to 'sass/include') 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; + } +} -- cgit v1.3.1