diff --git a/docs/libraries.md b/docs/libraries.md index 86a16b7..416b25b 100644 --- a/docs/libraries.md +++ b/docs/libraries.md @@ -89,12 +89,17 @@ Pin a tag in your dependencies — never an unpinned branch: var rows = libs.map(function (r) { var url = r.html_url || (REPO_BASE + "/" + r.name); var desc = r.description ? escapeHtml(r.description) : "No description."; + var lang = r.language + ? '' + escapeHtml(r.language) + "" + : ''; return '' + - escapeHtml(r.name) + '' + desc + ''; + escapeHtml(r.name) + "" + desc + + "" + lang + ""; }).join(""); el.innerHTML = - '' + - '' + rows + '
LibraryWhat it does
'; + '
' + + "" + + "" + rows + "
LibraryWhat it doesLanguage
"; } function fail() { diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 259864b..d2b5586 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -151,6 +151,67 @@ background-color: rgba(85, 187, 255, 0.1); } +/* Live libraries table — JS-injected, so it needs explicit Material-style rules + (Material only auto-styles markdown tables, not innerHTML ones). */ +.rt-lib-table { + overflow-x: auto; + margin: 1em 0; +} +.rt-lib-table table { + width: 100%; + border-collapse: collapse; + border: 1px solid var(--rt-border); + font-size: 0.74rem; +} +.rt-lib-table th, +.rt-lib-table td { + text-align: left; + padding: 0.55em 0.9em; + vertical-align: top; +} +.rt-lib-table thead th { + background-color: var(--rt-nav); + color: var(--rt-text); + font-weight: 700; + border-bottom: 1px solid var(--rt-border); +} +.rt-lib-table tbody tr { + border-top: 1px solid rgba(41, 66, 116, 0.5); + transition: background-color 0.15s; +} +.rt-lib-table tbody tr:hover { + background-color: rgba(86, 155, 204, 0.08); +} +.rt-lib-table td code { + background-color: var(--rt-surface); + color: var(--rt-primary-light); + padding: 0.1em 0.4em; + font-size: 0.85em; +} +.rt-lib-table a { + color: var(--rt-primary); +} +.rt-lib-table a:hover { + color: var(--rt-accent); +} + +/* Language badge in the libs table. */ +.rt-lang { + display: inline-block; + padding: 0.1em 0.5em; + border: 1px solid var(--rt-border); + border-radius: 0; + background-color: rgba(86, 155, 204, 0.1); + color: var(--rt-primary-light); + font-size: 0.85em; + white-space: nowrap; +} +.rt-lang--none { + border-color: transparent; + background-color: transparent; + color: var(--rt-muted); +} + /* Code annotation markers (the (1) callouts) in brand blue. */ .md-typeset .md-annotation__index { background-color: var(--rt-primary);