/* РЗБ – выдвижная боковая панель. * * Разделов стало семь, и по одним иконкам их уже не различить. Панель умеет два * состояния: узкое (только иконки, как раньше) и широкое (иконки с подписями). * * Вся раскладка держится на переменной --rail: её же читают .rail (ширина) и .app * (левый отступ), поэтому раскрытие – это подмена одного значения, а не отдельные * правила на каждый элемент. Значение переопределяется на , чтобы не спорить * с :root в каждой странице. * * Подписи лежат в разметке, а не подставляются скриптом: так навигация работает при * выключенном JS и попадает в индекс поисковика. * * Класс состояния (rail-open) висит на , а не на : только его можно * выставить крошечным скриптом в , ДО первой отрисовки. Иначе страница успевает * нарисоваться со свёрнутой панелью, и уже потом она раскрывается – с анимацией, * то есть с прыжком при каждом переходе между разделами. * * На узком экране панель раньше просто пряталась, и разделов на телефоне не было * вовсе – оставались только ссылки в подвале. Теперь там выдвижной ящик поверх * содержимого: кнопку в шапку добавляет rail.js. */ /* Ширина раскрытой панели считается по самой длинной подписи, а не на глаз. Сейчас это «Юридический отдел», 144 пикселя шрифтом Inter 14/600. Дальше складываем всё, что стоит по бокам от текста: 12 поле панели + 12 поле пункта + 21 значок + 12 просвет + 144 подпись + 12 поле пункта + 12 поле панели = 225 Ровно 225 и хватало бы, но впритык оставлять нельзя: другой шрифт в запасе, другое округление – и подпись снова обрежется многоточием. Поэтому 238, с запасом примерно в пять процентов. Было 214, и «Юридический отдел» не влезал. Если появится раздел с более длинным названием, число пересчитывается по той же формуле, а не подбирается. */ :root{ --rail-open:238px; } /* Цвет неактивного пункта. Общий приглушённый --muted рассчитан на текст: на мелких буквах он читается спокойным, а на иконке в двадцать один пиксель, да ещё обведённой линией в два, выглядит просто выключенным. Подмешиваем к нему чуть меньше трети основного цвета текста – иконки становятся примерно на десятую часть светлее, и разделы видно, но активный пункт по-прежнему сам по себе: он синий и с заливкой, а не просто ярче. Токеном, а не числом в каждой странице: правило .ric живёт у всех девяти в своём