diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss index 71901c2..c99d398 100644 --- a/_includes/styles/base.scss +++ b/_includes/styles/base.scss @@ -145,3 +145,43 @@ blockquote { margin-bottom: 0; } } + +table { + margin: 0.5rem 0; + border-radius: 5px; + border: 1px solid var(--color-black); + border-spacing: 0; + thead { + tr { + th { + border-bottom: 2px solid var(--color-black); + border-right: 1px solid var(--color-black); + padding: 0.75rem; + font-weight: bold; + &:last-child { + border-right: none; + } + } + } + } + tbody { + tr { + &:nth-child(odd) { + background-color: var(--color-table-stripe); + } + td { + border-bottom: 1px solid var(--color-black); + border-right: 1px solid var(--color-black); + padding: 0.75rem; + &:last-child { + border-right: none; + } + } + &:last-child { + td { + border-bottom: none; + } + } + } + } +} diff --git a/_includes/styles/color-palette.scss b/_includes/styles/color-palette.scss index 60f0453..1297884 100644 --- a/_includes/styles/color-palette.scss +++ b/_includes/styles/color-palette.scss @@ -117,6 +117,7 @@ :root { --color-bg--layer-01: var(--tn-storm--background-40); --color-bg--layer-02: var(--tn-storm--background-30); --color-headings: var(--color-cyan); + --color-table-stripe: var(--tn-night--background-40); } @media (prefers-color-scheme: light) { @@ -139,5 +140,6 @@ @media (prefers-color-scheme: light) { --color-bg--layer-01: var(--tn-light--background-60); --color-bg--layer-02: var(--tn-light--background-70); --color-headings: var(--color-cyan); + --color-table-stripe: var(--tn-light--background-60); } }