feat: новый дизайн документации — шаблон, генератор, CSS, md_in_html, версия 5.1.2

This commit is contained in:
Naeel
2026-07-18 09:50:37 +03:00
parent 1276143973
commit ad3b986d89
6 changed files with 253 additions and 79 deletions
+105 -69
View File
@@ -47,146 +47,181 @@
padding-bottom: 0.3rem;
}
/* Column sizing for resource tables */
/* Widths based on real YAML data analysis, see docs/help/table-column-widths-analysis.md */
.resource-table {
.md-typeset .man-content {
font-size: 0.62rem;
line-height: 1.4;
}
/* Resource title + tabs: compact */
.md-typeset .md-content__inner > h1:first-child {
font-size: 0.77rem;
line-height: 1.2;
}
.md-typeset .md-content__inner > h1:first-child + p {
font-size: 0.65rem;
}
/* ---- ALL TABLE RULES — prefixed .md-typeset for MkDocs specificity ---- */
.md-typeset .resource-table {
width: 100%;
table-layout: fixed;
table-layout: auto;
border-collapse: collapse;
font-size: 0.82rem;
line-height: 1.5;
}
.resource-table th,
.resource-table td {
.md-typeset .resource-table th,
.md-typeset .resource-table td {
padding: 0.3rem 0.4rem;
vertical-align: top;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
font-size: 0.82rem;
}
.resource-table thead th {
.md-typeset .resource-table thead th {
position: sticky;
top: 0;
z-index: 2;
background: #fff;
font-weight: 700;
}
/* ID column: useless to user, barely visible */
.resource-table th:nth-child(1),
.resource-table td:nth-child(1) {
width: 2%;
text-align: center;
font-size: 0.72rem;
white-space: nowrap;
font-size: 0.58rem;
color: #999;
}
/* ---- MAIN TABLE: Code(18%) Type(5%) Default(auto) Descr(45%) Constr(30%) ---- */
.md-typeset .resource-table tbody tr:nth-child(even) {
background: #fafafa;
}
.resource-table:not(.resource-table-nested) th:nth-child(2),
.resource-table:not(.resource-table-nested) td:nth-child(2) {
width: 18%;
/* ID column: HIDDEN */
.md-typeset .resource-table th:nth-child(1),
.md-typeset .resource-table td:nth-child(1) {
display: none;
}
/* ---- MAIN TABLE ---- */
.md-typeset .resource-table:not(.resource-table-nested) th:nth-child(2),
.md-typeset .resource-table:not(.resource-table-nested) td:nth-child(2) {
width: 25%;
min-width: 16ch;
white-space: normal;
overflow-wrap: anywhere;
}
.resource-table:not(.resource-table-nested) td:nth-child(2) code {
.md-typeset .resource-table:not(.resource-table-nested) td:nth-child(2) code {
font-weight: 700;
font-size: 0.82rem;
}
.resource-table:not(.resource-table-nested) th:nth-child(3),
.resource-table:not(.resource-table-nested) td:nth-child(3) {
.md-typeset .resource-table:not(.resource-table-nested) th:nth-child(3),
.md-typeset .resource-table:not(.resource-table-nested) td:nth-child(3) {
width: 5%;
white-space: nowrap;
font-size: 0.63rem;
}
.resource-table:not(.resource-table-nested) th:nth-last-child(2),
.resource-table:not(.resource-table-nested) td:nth-last-child(2) {
width: 45%;
.md-typeset .resource-table:not(.resource-table-nested) th:nth-last-child(2),
.md-typeset .resource-table:not(.resource-table-nested) td:nth-last-child(2) {
white-space: normal;
overflow-wrap: anywhere;
font-size: 0.63rem;
color: #777;
}
.resource-table:not(.resource-table-nested) th:nth-last-child(1),
.resource-table:not(.resource-table-nested) td:nth-last-child(1) {
width: 30%;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-all;
font-size: 0.72rem;
.md-typeset .resource-table:not(.resource-table-nested) td:nth-last-child(2) {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* ---- NESTED TABLE: Code(16%) Type(5%) Req(4%) Def(6%) Descr(36%) Constr(31%) ---- */
.resource-table-nested {
.md-typeset .resource-table:not(.resource-table-nested) th:nth-last-child(1),
.md-typeset .resource-table:not(.resource-table-nested) td:nth-last-child(1) {
width: 20%;
white-space: normal;
overflow-wrap: anywhere;
font-family: ui-monospace, "Cascadia Code", "Fira Code", monospace;
font-size: 0.62rem;
}
/* ---- NESTED TABLE ---- */
.md-typeset .resource-table-nested {
width: 100%;
table-layout: fixed;
}
.resource-table-nested th,
.resource-table-nested td {
.md-typeset .resource-table-nested th,
.md-typeset .resource-table-nested td {
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
font-size: 0.72rem;
padding: 0.25rem 0.3rem;
}
.resource-table-nested th:nth-child(2),
.resource-table-nested td:nth-child(2) {
width: 16%;
.md-typeset .resource-table-nested th:nth-child(2),
.md-typeset .resource-table-nested td:nth-child(2) {
width: 19%;
min-width: 16ch;
}
.resource-table-nested td:nth-child(2) code {
.md-typeset .resource-table-nested td:nth-child(2) code {
font-weight: 700;
font-size: 0.72rem;
}
.resource-table-nested th:nth-child(3),
.resource-table-nested td:nth-child(3) {
width: 5%;
white-space: nowrap;
font-size: 0.63rem;
}
/* Required column: green ✓ instead of text "yes" */
.resource-table-nested th:nth-child(4),
.resource-table-nested td:nth-child(4) {
width: 5%;
.md-typeset .resource-table-nested th:nth-child(4),
.md-typeset .resource-table-nested td:nth-child(4) {
width: 3%;
text-align: center;
white-space: nowrap;
}
.resource-table-nested td:nth-child(4) strong {
display: none;
.md-typeset .resource-table-nested td:nth-child(4):not(:empty) {
font-size: 0;
}
.resource-table-nested td:nth-child(4):has(strong)::before {
content: "";
color: #27ae60;
.md-typeset .resource-table-nested td:nth-child(4):not(:empty)::before {
content: "";
color: #e74c3c;
font-weight: 700;
font-size: 0.9rem;
font-size: 0.8rem;
}
.resource-table-nested th:nth-child(5),
.resource-table-nested td:nth-child(5) {
.md-typeset .resource-table-nested th:nth-child(3),
.md-typeset .resource-table-nested td:nth-child(3) {
width: 5%;
white-space: nowrap;
font-size: 0.63rem;
}
.md-typeset .resource-table-nested th:nth-child(5),
.md-typeset .resource-table-nested td:nth-child(5) {
width: 6%;
white-space: nowrap;
color: #2c6f8c;
font-size: 0.72rem;
text-align: center;
}
.resource-table-nested th:nth-child(6),
.resource-table-nested td:nth-child(6) {
width: 35%;
.md-typeset .resource-table-nested th:nth-child(6),
.md-typeset .resource-table-nested td:nth-child(6) {
width: 37%;
font-size: 0.63rem;
color: #777;
word-break: break-word;
}
.md-typeset .resource-table-nested td:nth-child(6) {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.resource-table-nested th:nth-child(7),
.resource-table-nested td:nth-child(7) {
width: 31%;
word-break: break-all;
.md-typeset .resource-table-nested th:nth-child(7),
.md-typeset .resource-table-nested td:nth-child(7) {
width: 30%;
font-family: ui-monospace, "Cascadia Code", "Fira Code", monospace;
font-size: 0.62rem;
word-break: break-word;
}
.resource-table th:nth-child(7),
@@ -512,3 +547,4 @@ body[data-md-url*="_instruction"] .md-typeset h3 {
text-align: left;
white-space: normal;
}
/* v20260718-1015 */