/* ═══════════════════════════════════════════════════════════════════ ЛИСТ — визуальный язык STRU_magic. Мир «Рабочий чертёж». ПРАВИЛА ПРИМЕНЕНИЯ — DESIGN.md в корне. Здесь только значения и правила их применения; довод, почему величина такая, живёт там. СКОУП — КЛАСС `.sh` НА , А НЕ АТРИБУТ. Замер: имена классов двух языков пересекаются в 28 местах (.tl-bar, .pop, .seg, .tag, .col, .val, .nm, .n…). Атрибут на не спасает: он истинен на всей странице, и правило `.pop` нового языка переверстало бы `.pop` старого на непереведённом экране. Класс на корне разметки — тот же приём, которым скоупирован унаследованный язык (`.tn`), и он держит потому, что старая разметка `.sh` не несёт по построению. `data-design` на остаётся, но это СОСТОЯНИЕ выбора, а не скоуп: по нему решается, какой шаблон рендерить и грузить ли этот файл. Тема (`data-theme`) — независимая величина. ПОДКЛЮЧАЕТСЯ ПОСЛЕДНИМ. При равной специфичности с `.tn`-правилами унаследованного языка решает порядок подключения. ЛЕСТНИЦА ОТСТУПОВ СОВПАДАЕТ С УНАСЛЕДОВАННОЙ ДО ЧИСЛА (4/8/12/16/ 20/24/32), и это совпадение, а не заимствование: атом 4 при шаге 8 выводится из плотности, а не из чужого файла. Языки независимы — прежний уходит, и связывать их значением нельзя. ═══════════════════════════════════════════════════════════════════ */ /* ═══ МИР «ЧЕРТЁЖ», РЕДАКЦИЯ 3 ═══════════════════════════════════ СВЕТЛАЯ — карандашный чертёж: строго ахроматична. Ни капли тона в поверхностях; цвет появляется ТОЛЬКО там, где он что-то значит (четыре состояния, метка положения). Так лист и правда читается в чёрно-белой копии, а не только называется так. ТЁМНАЯ — синька: светлее прежней и честно синяя, потому что цианотипия и есть синяя. Две темы — два способа напечатать один чертёж, а не палитра и её перекрас. ЧЁРНЫЙ БЛОК ОДИН НА ЭКРАН. Их было три в одном углу — плашка листа, текущий пункт и активный сегмент, — и они читались случайным узором. Инверсию заслужил текущий пункт: он отвечает «где я». Плашка листа стала текстом, сегмент — тихим. */ .sh{ /* ШИРИНА УГЛА И ШИРИНА СПИСКА — ОДНА ВЕЛИЧИНА, А НЕ ДВЕ РАВНЫЕ. Разойдясь на пиксель, они дают тот самый «перекрёсток» из линий, где правый край плашки не совпадает с границей панели. */ --rail-w:208px; --hh:48px; /* высота шапки таблицы и полотна плана */ /* ВЫСОТА ВЕРХНЕЙ ГРАНИЦЫ ОКНА. Читают ОБА: контрастный угол и штамп. Они стоят в разных ячейках грида и сами по себе не выровняются — край выходит рваным, и это видно ровно там, где его рисуют. 69 = поле 9 сверху, самая высокая клетка 51 (подпись 12, имя 24, почта 13), поле 9 снизу. Клетка «Исполнитель» трёхстрочная по решению владельца, и величина считается по ней. ПОЛЕ ОДНО И ТО ЖЕ С ОБЕИХ СТОРОН, и до этого оно таким не было: сверху 9, снизу 2. Считал я его по верху и по высоте клетки, а низ получался остатком — то есть не назначался вовсе. Владелец увидел это как «отступ мелковат» на FAQ, где клетка исполнителя стоит крайней и прижата к нижней линии. Одна величина на две стороны — правило языка, и оно относится к самому языку тоже. */ --stamp-h:69px; --ground:#EBEBEB; --field:#F4F4F4; --sheet:#FFFFFF; --hair:#E7E7E7; --line:#D6D6D6; --heavy:#141414; --ink:#141414; --ann:#5C5C5C; --ann2:#6E6E6E; --ok:#146B45; --old:#7E5400; --none:#6A6A6A; --bad:#A82316; --mark:#1A4FA0; /* ПОДЛОЖКИ ЧЕТЫРЁХ СОСТОЯНИЙ. Их четыре, потому что состояний четыре: набор из двух — не набор, а два случая. */ --ok-bg:#E9F2ED; --old-bg:#F6F1E3; --none-bg:#EFEFEF; --bad-bg:#FBECEA; --col-w:272px; /* ширина колонки доски; продукт вправе переопределить */ --bar:#3D3D3D; --bar-done:#B4B4B4; --bar-sect:#1E1E1E; --wknd:#F4F4F4; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; --tab:tabular-nums lining-nums; /* --- РАДИУСЫ. Скругление означает «этим управляют»; данные и полотно не скругляются. Четыре ступени, и все малые. */ --r-hair:2px; /* пункт списка, активный сегмент */ --r-ctl:3px; /* контролы, узлы, всплывающее */ --r-zone:4px; /* зона группировки */ --r-pill:999px; /* счётчик-пилюля: форма, а не ступень скругления */ /* --- ТЕНИ. Тень означает всплытие. Исключение одно и названо: у активного сегмента она показывает выбор и потому в восемь раз слабее. */ --sh-pop:0 6px 20px rgba(10,20,32,.16); --sh-seg:0 1px 2px rgba(0,0,0,.10); --sh-drawer:0 0 40px rgba(6,20,34,.45); --scrim:rgba(10,20,32,.45); /* затемнение под накладной папкой */ /* Заливка наведения НА ИНВЕРСИИ. На тёмном угле подложка обязана быть светлее его, на светлом (тёмная тема инвертирует угол) — темнее. Одно имя, два значения — как и у всей палитры. */ --wash:rgba(255,255,255,.12); /* --- ПОЛОТНО ПЛАНА --- */ --rh:28px; /* строка полотна и реестра */ --cw:24px; /* столбец дня */ --link-w:1px; /* вес связи: тоньше знака раздела */ --link-head:5px; --link-dim:.7; /* пол приглушения: .65 даёт 2.65 при пороге 3.0 */ --ms-gap:4px; /* торец связи не касается ромба */ /* ВЕЛИЧИНЫ ПЕРИОДА ЗАДАЁТ ПРОДУКТ, А НЕ ЯЗЫК. Они считаются из дат и меняются на каждом проекте; умолчания здесь — чтобы витрина собиралась, а не чтобы кто-то на них положился. */ --tl-days:60; /* столбцов в периоде */ --tl-wknd-a:72px; /* левый край субботы в первой неделе */ --tl-wknd-b:120px; /* правый край воскресенья */ --tl-today:0px; /* координата осевой линии «сегодня» */ /* ── МОСТ ТОКЕНОВ (UI-79) ───────────────────────────────────────── Продукт держит свой слой имён поверх прежнего языка — `--md-*` и `--brand` в `app.css`. На них опираются страничные `