/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
core/scss/bootstrap/_placeholders.scss
61 строка
1 KB
Paweł Kuna
Fix skip links, focus rings, and button semantics for keyboard a11y (#2779)
11 авг 2026, 16:28
Не верифицирован
11 авг 2026, 16:28
dd4214b
Код
Авторство
О чём код?
@use '../config' as *; .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: $placeholder-opacity-max; &.btn::before { display: inline-block; content: ''; } } // Sizing .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } // Animation .placeholder-glow { .placeholder { animation: placeholder-glow 2s ease-in-out infinite; @media (prefers-reduced-motion: reduce) { animation: none; } } } @keyframes placeholder-glow { 50% { opacity: $placeholder-opacity-min; } } .placeholder-wave { mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; @media (prefers-reduced-motion: reduce) { animation: none; } } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } }