feat(reduce-motion): remove view-transition (#252)

Author: 42tte

README.md

@@ -435,7 +435,7 @@ user has requested this at a system level.
 
 ### Reduce Motion Features
 
-##### Animations, scrolling effects, and transitions are reduced in all browsers
+##### Animations, scrolling effects, transitions and view transitions are reduced in all browsers
 
 ```css
 @media (prefers-reduced-motion: reduce) {
@@ -450,6 +450,10 @@ user has requested this at a system level.
     transition-delay: 0s !important;
     transition-duration: 0s !important;
   }
+
+  @view-transition {
+    navigation: none !important;
+  }
 }
 ```
 

reduce-motion.css

@@ -3,6 +3,7 @@
  * 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).
+ * 5. Remove view-transitions when motion is reduced (opinionated).
  */
 
 @media (prefers-reduced-motion: reduce) {
@@ -17,4 +18,8 @@
     transition-delay: 0s !important; /* 4 */
     transition-duration: 0s !important; /* 4 */
   }
+
+  @view-transition {
+    navigation: none !important; /* 5 */
+  }
 }