/* Поправки iHadj к перенесённому стилю Таджвида. * * Отдельный файл, а не дописка в конец чужого, и подключается ПОСЛЕДНИМ. * Две причины. Первая: своё видно отдельно от чужого — когда стиль Таджвида * обновится, его файлы можно перекопировать, ничего не вычищая руками. * Вторая — техническая: --site-nav-space объявлен в folio.css, а тот * подключается после style.css, поэтому правка, дописанная в style.css, * проигрывала по порядку каскада при равной силе селектора. Проверено * замером: значение в браузере оставалось 182px вместо заданных 88px. * * Правило: сюда попадает только то, что расходится ПО НЕОБХОДИМОСТИ, и каждая * правка — с причиной и по возможности с числом. Вкусовые расхождения тут не * место: владелец просил стиль Таджвида, а не его пересказ. */ /* ОТСТУП ПОД ШАПКУ. * * У Таджвида в шапке живёт аят дня — блок высокий, и под него зарезервировано * от 94 до 182px в зависимости от ширины экрана (чем экран уже, тем больше * строк занимает аят, поэтому на 379px отступ САМЫЙ большой). В шапке iHadj * только логотип: замер в браузере дал высоту 69px на ширине 375. * * Со значениями Таджвида над обложкой оставалось 216px пустоты — на телефоне * посетитель видел сначала пустой экран и только потом заголовок. Ставим * 88px = 69 замеренных + 19 воздуха, одинаково на всех ширинах: шапка iHadj * однострочная и от ширины не растёт. */ :root { --site-nav-space: 88px; } @media (max-width: 759px) { :root { --site-nav-space: 88px; } } @media (max-width: 379px) { :root { --site-nav-space: 88px; } } @media (min-width: 760px) and (max-width: 1079px) { :root { --site-nav-space: 88px; } } /* ЛОГОТИП В ШАПКЕ приезжал подчёркнутым: правило подчёркивания ссылок у * Таджвида общее, а его собственный логотип ссылкой не является. У нас * является — отсюда расхождение. */ .sitenav .sitenav-mark { text-decoration: none; } /* НИЖНЕЕ И ВЕРХНЕЕ МЕНЮ приезжали подчёркнутыми. Причина та же, что у * логотипа, и она структурная, а не вкусовая: у Таджвида пункты меню — это *