diff options
| author | Alex Day <alexday135@gmail.com> | 2020-11-12 01:20:27 +0300 |
|---|---|---|
| committer | Alex Day <alexday135@gmail.com> | 2020-11-12 01:20:27 +0300 |
| commit | f066e4badcb7b9a505940a828e8f0dbfff9118a1 (patch) | |
| tree | cf3f8ae5ea5809171b8f200e4c611e5b1ff17792 /assets | |
| parent | 44e11417bb18943d6612042b0f92055c47c07dfa (diff) | |
Add css for tables to make them match the theme
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/_tables.scss | 46 | ||||
| -rw-r--r-- | assets/scss/main.scss | 3 |
2 files changed, 48 insertions, 1 deletions
diff --git a/assets/scss/_tables.scss b/assets/scss/_tables.scss new file mode 100644 index 0000000..fc69bef --- /dev/null +++ b/assets/scss/_tables.scss @@ -0,0 +1,46 @@ +.post-content { + table { + border-collapse: collapse; + margin: 25px 0; + margin-left: auto; + margin-right: auto; + font-size: 0.9em; + font-family: sans-serif; + min-width: 400px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); + } + table thead tr { + background-color: $light-border-color; + color: $light-color; + text-align: left; + .dark-theme & { + background-color: $dark-border-color; + color: $dark-color + } + } + + th, td { + padding: 12px 15px; + } + + tbody tr { + border-bottom: 1px solid $light-border-color; + .dark-theme & { + border-bottom: 1px solid $dark-border-color; + } + } + + // tbody tr:nth-of-type(even) { + // background-color: $light-background-secondary; + // .dark-theme & { + // background-color: $dark-background-secondary; + // } + // } + + tbody tr:last-of-type { + border-bottom: 2px solid $light-border-color; + .dark-theme & { + border-bottom: 2px solid $dark-border-color; + } + } +} diff --git a/assets/scss/main.scss b/assets/scss/main.scss index dc90f24..199d3d9 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -14,4 +14,5 @@ @import "list"; @import "single"; @import "footer"; -@import "sharing-buttons";
\ No newline at end of file +@import "sharing-buttons"; +@import "tables"; |