aboutsummaryrefslogblamecommitdiffstats
path: root/app/assets/stylesheets/utilities/_reduce-motion.scss
blob: ecfd6fd60d1ff543f3ee8f5d3be173c67a3f9f22 (plain) (tree) 
332ec93



























1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27



























                                                                                  
@if $enable-transitions and $enable-important {
  /**
 * Reduce Motion Features
 */

  // Based on :
  // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
  // ––––––––––––––––––––

  // 1. Remove animations when motion is reduced (opinionated)
  // 2. Remove fixed background attachments when motion is reduced (opinionated)
  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)
  // 4. Remove transitions when motion is reduced (opinionated)
  @media (prefers-reduced-motion: reduce) {
    *:not([aria-busy="true"]),
    :not([aria-busy="true"])::before,
    :not([aria-busy="true"])::after {
      background-attachment: initial !important; // 2
      animation-duration: 1ms !important; // 1
      animation-delay: -1ms !important; // 1
      animation-iteration-count: 1 !important; // 1
      scroll-behavior: auto !important; // 3
      transition-delay: 0s !important; // 4
      transition-duration: 0s !important; // 4
    }
  }
}