From fffaece88497c84b989618ca0d1329edb8333e8f Mon Sep 17 00:00:00 2001 From: welpo Date: Sat, 12 Aug 2023 00:22:01 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20use=20theme=20variable?= =?UTF-8?q?=20for=20table=20borders?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Borders looked jarring in the dark theme, as the hardcoded variable was too close to white. Also reduces tables' top and bottom margin. --- sass/parts/_table.scss | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/sass/parts/_table.scss b/sass/parts/_table.scss index 251cf80..66f1b60 100644 --- a/sass/parts/_table.scss +++ b/sass/parts/_table.scss @@ -5,23 +5,23 @@ table { font: inherit; overflow: hidden; border-style: hidden !important; - margin: 2rem auto; - min-width: 13rem; + margin: 1rem auto; border-radius: 5px; -} -table th, -table td { - padding: 6px 13px; - border: 1px solid #dfe2e5; - font-size: large; -} + th, td { + padding: 6px 13px; + border: 1px solid var(--bg-1); + font-size: large; + } -table thead tr { - background-color: var(--primary-color); - color: var(--hover-color); -} + thead tr { + background-color: var(--primary-color); + color: var(--hover-color); + } -table tbody tr:nth-child(even) { - background-color: var(--bg-0); + tbody { + tr:nth-child(even) { + background-color: var(--bg-0); + } + } }