67 lines
5.2 KiB
CSS
67 lines
5.2 KiB
CSS
/* страница «Вики»: цвета, радиусы и отступы — только токены AURA */
|
|
.wiki{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-6)}
|
|
.wiki .ui-page-header{margin-bottom:0}
|
|
.wiki__body{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:var(--space-4);align-items:start}
|
|
@container page (max-width:759.98px){.wiki__body{grid-template-columns:minmax(0,1fr)}}
|
|
.wiki__nav{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
|
|
.wiki__content{min-width:0}
|
|
.wiki-hint{margin:0;color:var(--color-text-secondary)}
|
|
.wiki-root{max-width:560px}
|
|
.wiki-root__title{margin:0;font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:700}
|
|
.wiki-root__text{margin:0;color:var(--color-text-secondary)}
|
|
|
|
/* дерево */
|
|
.wiki-tree{display:flex;flex-direction:column;gap:var(--space-1);max-height:70vh;overflow:auto}
|
|
.wiki-tree__item{display:flex;align-items:center;gap:var(--space-1);min-height:var(--control-h);padding-inline-end:var(--space-2);border-radius:var(--radius-md);
|
|
font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary);cursor:pointer}
|
|
.wiki-tree__item:hover{background:var(--color-bg-hover)}
|
|
.wiki-tree__item.is-selected{background:var(--color-bg-selected);color:var(--color-action-primary);font-weight:600}
|
|
.wiki-tree__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}
|
|
.wiki-tree__chevron{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary);transform:rotate(-90deg);transition:transform var(--motion)}
|
|
.wiki-tree__chevron.is-open{transform:none}
|
|
.wiki-tree__title{min-width:0;overflow-wrap:anywhere}
|
|
|
|
/* результаты поиска */
|
|
.wiki-hits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}
|
|
.wiki-hit{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none}
|
|
.wiki-hit:hover{background:var(--color-bg-hover)}
|
|
.wiki-hit[aria-current="page"]{background:var(--color-bg-selected)}
|
|
.wiki-hit:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}
|
|
.wiki-hit__title{font-weight:600}
|
|
.wiki-hit__snippet{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-text-secondary);overflow-wrap:anywhere}
|
|
|
|
/* страница */
|
|
.wiki-page__head{margin-bottom:var(--space-4)}
|
|
.wiki-page__title{margin:0;font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700;overflow-wrap:anywhere}
|
|
.wiki-page__meta{margin:var(--space-1) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-text-secondary)}
|
|
.wiki-page__code{font-family:var(--font-mono)}
|
|
.wiki-page__eva{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-action-primary);text-decoration:none}
|
|
.wiki-page__eva:hover{text-decoration:underline}
|
|
.wiki-md{font-size:var(--fs-body);line-height:var(--lh-body);overflow-wrap:anywhere}
|
|
.wiki-md>:first-child{margin-top:0}
|
|
.wiki-md h1,.wiki-md h2,.wiki-md h3,.wiki-md h4{margin:var(--space-5) 0 var(--space-2);font-weight:700}
|
|
.wiki-md h1{font-size:var(--fs-section);line-height:var(--lh-section)}
|
|
.wiki-md h2,.wiki-md h3,.wiki-md h4{font-size:var(--fs-lg);line-height:var(--lh-lg)}
|
|
.wiki-md p,.wiki-md ul,.wiki-md ol,.wiki-md blockquote,.wiki-md pre{margin:0 0 var(--space-3)}
|
|
.wiki-md a,.wiki-att{color:var(--color-action-primary)}
|
|
.wiki-md blockquote{padding-inline-start:var(--space-3);border-inline-start:3px solid var(--color-border-strong);color:var(--color-text-secondary)}
|
|
.wiki-md code{font-family:var(--font-mono);font-size:13px;padding:0 var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-xs)}
|
|
.wiki-md pre{padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:auto}
|
|
.wiki-md pre code{padding:0;background:none}
|
|
.wiki-table{overflow-x:auto;margin:0 0 var(--space-3)}
|
|
.wiki-md table{border-collapse:collapse;min-width:100%}
|
|
.wiki-md th,.wiki-md td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border:1px solid var(--color-border-default)}
|
|
.wiki-md th{background:var(--color-bg-subtle);font-weight:600}
|
|
.wiki-img{color:var(--color-text-secondary)}
|
|
.wiki-att{display:inline-flex;align-items:center;gap:var(--space-1);font:inherit;padding:0;background:none;border:0;cursor:pointer;text-align:left;overflow-wrap:anywhere}
|
|
.wiki-att:hover:not(:disabled){text-decoration:underline}
|
|
.wiki-att:disabled{cursor:default;color:var(--color-text-secondary)}
|
|
.wiki-att:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
|
|
.wiki-att__busy{color:var(--color-text-secondary)}
|
|
.wiki-att__error{color:var(--color-status-error)}
|
|
|
|
/* плашка хода синхронизации в боковой панели */
|
|
.wiki-summary{display:flex;flex-direction:column;gap:var(--space-3)}
|
|
.wiki-summary__text{margin:0;font-size:var(--fs-lg);line-height:var(--lh-lg)}
|
|
.wiki-summary__link{color:var(--color-action-primary);font-weight:600;align-self:flex-start}
|