From 8beab589187a18f8f1446b6d52c91b050374d7cf Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Wed, 6 Mar 2019 16:33:15 +0000
Subject: [PATCH] Use more nesting for auth body style overrides

No styles are changed here. This just groups them under one parent block to
avoid repeating `.mx_AuthBody`.
---
 res/css/views/auth/_AuthBody.scss | 78 +++++++++++++++----------------
 1 file changed, 38 insertions(+), 40 deletions(-)

diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index 709c4224f4..62575f4e7b 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -22,37 +22,42 @@ limitations under the License.
     box-sizing: border-box;
     font-size: 12px;
     color: $authpage-secondary-color;
-}
 
-.mx_AuthBody h2 {
-    font-size: 24px;
-    font-weight: 600;
-    margin-top: 8px;
-    color: $authpage-primary-color;
-}
+    h2 {
+        font-size: 24px;
+        font-weight: 600;
+        margin-top: 8px;
+        color: $authpage-primary-color;
+    }
 
-.mx_AuthBody h3 {
-    font-size: 14px;
-    font-weight: 600;
-    color: $authpage-primary-color;
-}
+    h3 {
+        font-size: 14px;
+        font-weight: 600;
+        color: $authpage-primary-color;
+    }
 
-.mx_AuthBody input[type=text],
-.mx_AuthBody input[type=password] {
-    color: $authpage-primary-color;
-}
+    a:link,
+    a:hover,
+    a:visited {
+        color: $accent-color;
+        text-decoration: none;
+    }
 
-.mx_AuthBody .mx_Field input,
-.mx_AuthBody .mx_Field select {
-    color: $authpage-primary-color;
-    background-color: $authpage-body-bg-color;
-}
+    input[type=text],
+    input[type=password] {
+        color: $authpage-primary-color;
+    }
 
-.mx_AuthBody .mx_Field label {
-    color: $authpage-primary-color;
-}
+    .mx_Field input,
+    .mx_Field select {
+        color: $authpage-primary-color;
+        background-color: $authpage-body-bg-color;
+    }
+
+    .mx_Field label {
+        color: $authpage-primary-color;
+    }
 
-.mx_AuthBody {
     .mx_Field input:focus + label,
     .mx_Field input:not(:placeholder-shown) + label,
     .mx_Field textarea:focus + label,
@@ -61,10 +66,15 @@ limitations under the License.
     .mx_Field_labelAlwaysTopLeft label {
         background-color: $authpage-body-bg-color;
     }
-}
 
-.mx_AuthBody input.error {
-    color: $warning-color;
+    input.error {
+        color: $warning-color;
+    }
+
+    .mx_Field input {
+        width: 100%;
+        box-sizing: border-box;
+    }
 }
 
 .mx_AuthBody_editServerDetails {
@@ -73,11 +83,6 @@ limitations under the License.
     font-weight: normal;
 }
 
-.mx_AuthBody .mx_Field input {
-    width: 100%;
-    box-sizing: border-box;
-}
-
 .mx_AuthBody_fieldRow {
     display: flex;
     margin-bottom: 10px;
@@ -96,13 +101,6 @@ limitations under the License.
     margin-right: 0;
 }
 
-.mx_AuthBody a:link,
-.mx_AuthBody a:hover,
-.mx_AuthBody a:visited {
-    color: $accent-color;
-    text-decoration: none;
-}
-
 .mx_AuthBody_changeFlow {
     display: block;
     text-align: center;