From f6fa69989b73c611a71fc47cf90a1c552403bcbf Mon Sep 17 00:00:00 2001 From: Deimos Date: Fri, 9 Aug 2019 18:27:58 -0600 Subject: [PATCH] Add borders between cells in tables The base Spectre.css style for tables only has borders between rows, but that can look pretty weird in larger tables. This is more of a normal table styling. --- tildes/scss/_base.scss | 2 +- tildes/scss/themes/_theme_base.scss | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/tildes/scss/_base.scss b/tildes/scss/_base.scss index 4525ba2..922f078 100644 --- a/tildes/scss/_base.scss +++ b/tildes/scss/_base.scss @@ -198,7 +198,7 @@ table { td, th { - border-bottom: $border-width solid; + border: $border-width solid; padding: $unit-3 $unit-2; } diff --git a/tildes/scss/themes/_theme_base.scss b/tildes/scss/themes/_theme_base.scss index a384e8f..032a278 100644 --- a/tildes/scss/themes/_theme_base.scss +++ b/tildes/scss/themes/_theme_base.scss @@ -98,12 +98,13 @@ background-color: map-get($theme, "background-secondary"); } - td { + td, + th { border-color: map-get($theme, "border"); } th { - border-color: map-get($theme, "foreground-highlight"); + border-bottom-color: map-get($theme, "foreground-highlight"); } .form-autocomplete {