Improve table styling (#17)

* Update sample to include larger table (#16)

Update the sample table to show the issues discussed in #16.

* Improve table style (#16)

Update table CSS so that alternate rows are shaded and any
code blocks are styled.
This commit is contained in:
Phil Webb 2019-08-07 19:21:32 +01:00 committed by Jay Bryant
parent f558f98310
commit 0303bcdf51
2 changed files with 13 additions and 11 deletions

View File

@ -413,7 +413,7 @@ table {
}
table thead, table tfoot {
background: #f7f8f7;
background: #f2f2f2;
font-weight: bold;
}
@ -430,8 +430,8 @@ table tr th, table tr td {
color: #000;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
//background: #f8f8f7;
table tr.even, table tr.alt, table tr:nth-child(even) {
background: #fafafa;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
@ -464,7 +464,7 @@ h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 {
font-style: normal !important;
letter-spacing: 0;
padding: 0.1em 0.3em 0.2em;
background-color: rgba(0, 0, 0, .05);
background-color: rgba(27,31,35,.05);
border-radius: 4px;
text-rendering: optimizeSpeed;
}
@ -1017,7 +1017,6 @@ table.tableblock td > .paragraph:last-child p > p:last-child, table.tableblock t
table.tableblock, th.tableblock, td.tableblock {
border: 0 solid #cacaca;
background: white;
}
table.grid-all th.tableblock, table.grid-all td.tableblock {
@ -1099,11 +1098,6 @@ tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p {
font-weight: bold;
}
p.tableblock > code {
background: none;
padding: 0;
}
p.tableblock {
font-size: 1em;
}

View File

@ -182,4 +182,12 @@ performance, portability.
|Testing
|An innovative and highly extensible testing platform.
Empowers developers to easily create real, automated tests.
|===
|`lynx`
|Pain
|A browser for your `shell` that's very old school.
|`curl`
|Testing
|A cli for your `shell` that's great.
|===