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 =
- '| Library | What it does |
' +
- '' + rows + '
';
+ '' +
+ "| Library | What it does | Language |
" +
+ "" + rows + "
";
}
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);