Комментарии 18
Со scrollbar-gutter всё было бы отлично, если бы не отсутствие поддержки в Safari :( Поэтому костыли, костыли и ещё раз костыли.
Пожалуй, самая слабая статья из всего цикла, уж извините.
Расскажите, пожалуйста, почему она самая слабая?
Ну, лично для меня в первой был полезен display: contents (я о нём не знал и реально мучился), во второй scroll-margin-top (сильно реже нужно, но всё же), в третьей про padding-inline, которые нафиг никому не нужны, но они есть в стандартном CSS хрома и как бы надо понимать про что речь. А тут вы нам предлагаете :lang, который не задумываясь делается через [lang]. Ещё есть шрифт system-ui, который в том же бутстрапе лет 15, и нужный сугубо для собеседований revert.
Про атрибут lang - в CSS же есть селектор по атрибуту, причем даже с конкретным значением.
Спасибо за статью, нашёл новое для себя.
Пример кода с диалогом не учитывает, что диалог может закрываться просто по нажатии Esc, тогда скролл не восстановится.
Для этого я создал переменную
--ds-typography-main-font-family
и объявил её для элемента<body>
.
В тексте нет объявления этой переменной.
В последнее времЯ отключаю скроллы вообще, прокрутку — нет. Еще никто жаловался :)
Неизвестно полезный CSS. Часть 4