mirror of
https://github.com/tabler/tabler.git
synced 2026-08-30 22:01:28 +04:00
43 lines
1.1 KiB
SCSS
43 lines
1.1 KiB
SCSS
@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;
|
|
}
|
|
}
|