From c30f29926966402a7aec20a79cb51c513f709436 Mon Sep 17 00:00:00 2001
From: donavon <github@donavon.com>
Date: Thu, 31 Oct 2019 23:14:05 -0400
Subject: [PATCH] no spiining logo if prefers-reduced-motion

---
 packages/cra-template/template/src/App.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/cra-template/template/src/App.css b/packages/cra-template/template/src/App.css
index b41d297cab1..74b5e053450 100644
--- a/packages/cra-template/template/src/App.css
+++ b/packages/cra-template/template/src/App.css
@@ -3,11 +3,16 @@
 }
 
 .App-logo {
-  animation: App-logo-spin infinite 20s linear;
   height: 40vmin;
   pointer-events: none;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
 .App-header {
   background-color: #282c34;
   min-height: 100vh;