From 6e84cbc297c88db6aa575b79d32e2986a183b818 Mon Sep 17 00:00:00 2001 From: Thedro Neely Date: Sun, 31 Jan 2021 23:31:06 -0500 Subject: public/css/tdro: Simplify tables --- public/css/tdro.css | 295 +++------------------------------------------------- 1 file changed, 14 insertions(+), 281 deletions(-) diff --git a/public/css/tdro.css b/public/css/tdro.css index 3088134..baa0989 100644 --- a/public/css/tdro.css +++ b/public/css/tdro.css @@ -143,21 +143,6 @@ iframe { border: 0; } -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -td:not([align]), -th:not([align]) { - text-align: left; -} - html { background-color: #fcfcfc; font-size: 16px; @@ -276,20 +261,6 @@ pre code { min-width: 100%; } -table td, -table th { - vertical-align: top; -} - -table td:not([align]), -table th:not([align]) { - text-align: left; -} - -table th { - color: #363636; -} - .is-clearfix::after { clear: both; content: " "; @@ -336,7 +307,6 @@ table th { font-size: 0.75rem !important; } - .has-text-centered { text-align: center !important; } @@ -1375,257 +1345,6 @@ fieldset[disabled] .button { font-size: 75%; } -.content table { - width: 100%; -} - -.content table td, -.content table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; -} - -.content table th { - color: #363636; -} - -.content table th:not([align]) { - text-align: left; -} - -.content table thead td, -.content table thead th { - border-width: 0 0 2px; - color: #363636; -} - -.content table tfoot td, -.content table tfoot th { - border-width: 2px 0 0; - color: #363636; -} - -.content table tbody tr:last-child td, -.content table tbody tr:last-child th { - border-bottom-width: 0; -} - -.content .tabs li + li { - margin-top: 0; -} - -.content.is-small { - font-size: 0.75rem; -} - -.content.is-medium { - font-size: 1.25rem; -} - -.content.is-large { - font-size: 1.5rem; -} - - -.table { - background-color: white; - color: #363636; -} - -.table td, -.table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; -} - -.table td.is-white, -.table th.is-white { - background-color: white; - border-color: white; - color: #0a0a0a; -} - -.table td.is-black, -.table th.is-black { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; -} - -.table td.is-light, -.table th.is-light { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; -} - -.table td.is-dark, -.table th.is-dark { - background-color: #363636; - border-color: #363636; - color: #fff; -} - -.table td.is-primary, -.table th.is-primary { - background-color: #00d1b2; - border-color: #00d1b2; - color: #fff; -} - -.table td.is-link, -.table th.is-link { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; -} - -.table td.is-info, -.table th.is-info { - background-color: #209cee; - border-color: #209cee; - color: #fff; -} - -.table td.is-success, -.table th.is-success { - background-color: #23d160; - border-color: #23d160; - color: #fff; -} - -.table td.is-warning, -.table th.is-warning { - background-color: #ffdd57; - border-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); -} - -.table td.is-danger, -.table th.is-danger { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; -} - -.table td.is-narrow, -.table th.is-narrow { - white-space: nowrap; - width: 1%; -} - -.table td.is-selected, -.table th.is-selected { - background-color: #00d1b2; - color: #fff; -} - -.table td.is-selected a, -.table td.is-selected strong, -.table th.is-selected a, -.table th.is-selected strong { - color: currentColor; -} - -.table th { - color: #363636; -} - -.table th:not([align]) { - text-align: left; -} - -.table tr.is-selected { - background-color: #00d1b2; - color: #fff; -} - -.table tr.is-selected a, -.table tr.is-selected strong { - color: currentColor; -} - -.table tr.is-selected td, -.table tr.is-selected th { - border-color: #fff; - color: currentColor; -} - -.table thead { - background-color: transparent; -} - -.table thead td, -.table thead th { - border-width: 0 0 2px; - color: #363636; -} - -.table tfoot { - background-color: transparent; -} - -.table tfoot td, -.table tfoot th { - border-width: 2px 0 0; - color: #363636; -} - -.table tbody { - background-color: transparent; -} - -.table tbody tr:last-child td, -.table tbody tr:last-child th { - border-bottom-width: 0; -} - -.table.is-bordered td, -.table.is-bordered th { - border-width: 1px; -} - -.table.is-bordered tr:last-child td, -.table.is-bordered tr:last-child th { - border-bottom-width: 1px; -} - -.table.is-fullwidth { - width: 100%; -} - -.table.is-hoverable tbody tr:not(.is-selected):hover { - background-color: #fafafa; -} - -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: #fafafa; -} - -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { - background-color: whitesmoke; -} - -.table.is-narrow td, -.table.is-narrow th { - padding: 0.25em 0.5em; -} - -.table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: #fafafa; -} - -.table-container { - -webkit-overflow-scrolling: touch; - overflow: auto; - overflow-y: hidden; - max-width: 100%; -} - .title, .subtitle { word-break: break-word; @@ -4386,6 +4105,20 @@ nav#TableOfContents ul { margin-left: -0.5em; } nav#TableOfContents a { display: block; color: #555; padding-left: 0.5rem; } +/* + * Tables + */ + +td, th { padding: 0; } +table td, table th { vertical-align: top; } +td:not([align]), th:not([align]) { text-align: left; } +table td { padding: 0.4rem; min-width: 8rem; } +table td:not([align]), table th:not([align]) { text-align: left; } +table { width: 100%; border-collapse: collapse; border-spacing: 0; } +table th { font-weight: 700; font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.05rem; padding: 0.4rem; } +table, table code { font-size: 1.15rem; } + + /* * Tufte CSS */ -- cgit v1.2.3