/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
core/scss/layout/_accessibility.scss
42 строки
1 KB
Paweł Kuna
Improve accessibility across layouts, components, and forms (#2799)
06 авг 2026, 00:40
Не верифицирован
06 авг 2026, 00:40
1effe22
Код
Авторство
О чём код?
@use '../config' as *; // Forced-colors (Windows High Contrast) support: the UA strips box-shadow there, // and Tabler's focus indicator is shadow-based, so restore an outline-drawn one. @media (forced-colors: active) { :focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } // .btn-close is drawn with a mask + background-color and would disappear .btn-close { forced-color-adjust: none; } } @media (prefers-reduced-motion: reduce) { // Decorative looping animations are dropped entirely .badge-blink, .status-dot-animated::before, .status-indicator-animated .status-indicator-circle, .icon-pulse, .icon-tada, .icon-rotate, .card-gradient-animated, .btn-animate-icon-pulse .icon, .btn-animate-icon-shake .icon, .btn-animate-icon-tada .icon, .wave-1, .wave-2, .wave-3 { animation: none !important; } // Loading indicators still convey state, so slow them down instead of stopping .loader::after, .btn-loading::after, .progress-bar-indeterminate::before, .animated-dots::after { animation-duration: 3s !important; } }