From 2a81a84e122bf572ceb4d5c5d9fdd92bb67ef3a5 Mon Sep 17 00:00:00 2001
From: Sergey Biryukov <sergeybiryukov@git.wordpress.org>
Date: Sat, 16 May 2020 20:23:04 +0000
Subject: [PATCH] Accessibility: Login and Registration: Respect the
 `prefers-reduced-motion` media query for "shake" CSS animation on login
 failure.

This shake should not occur when the user has opted to reduce motion, for example by selecting the "Reduce motion" option in macOS' preferences or unselecting "Show animations in Windows" in Windows' preferences.

Follow-up to [47226].

Props eddystile, johnbillion, sabernhardt, afercia, audrasjb.
Fixes #49723.

git-svn-id: https://develop.svn.wordpress.org/trunk@47813 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/login.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css
index 08dc1e5f9c..b7cd93c2d0 100644
--- a/src/wp-admin/css/login.css
+++ b/src/wp-admin/css/login.css
@@ -157,6 +157,13 @@ p {
 	}
 }
 
+@media (prefers-reduced-motion: reduce) {
+	.login form.shake {
+		animation: none;
+		transform: none;
+	}
+}
+
 .login-action-confirm_admin_email #login {
 	width: 60vw;
 	max-width: 650px;