/
nmktth
/
web-development-sem-4
Обзор
Документация
Войти
/
nmktth
/
web-development-sem-4
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/src/style.css
54 строки
1 KB
artem
Исправить skip-link для hash-роутера
15 июн 2026, 04:12
15 июн 2026, 04:12
42a4e84
Код
Авторство
О чём код?
/* Global accessibility helpers shared by every Vue page. */ .skip-link { position: fixed; top: 10px; left: 10px; z-index: 3000; padding: 10px 16px; border-radius: 8px; border: 0; background: #010101; color: #fff; cursor: pointer; font: inherit; font-weight: 700; text-decoration: none; transform: translateY(-160%); transition: transform 0.2s; } .skip-link:focus { transform: translateY(0); } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #1d4ed8; outline-offset: 3px; } :where(button, [role="button"], [role="link"]) { touch-action: manipulation; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }