From e24fe3b5a6c3394c116135334808a69c992da9c6 Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Wed, 11 Mar 2020 23:55:25 +0530
Subject: [PATCH] css: Use SCSS nesting for `.login-page-container`.

---
 static/styles/portico/portico-signin.scss | 60 ++++++++++++-----------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/static/styles/portico/portico-signin.scss b/static/styles/portico/portico-signin.scss
index cc14c40431..c7c45fd9fa 100644
--- a/static/styles/portico/portico-signin.scss
+++ b/static/styles/portico/portico-signin.scss
@@ -124,42 +124,44 @@ html {
     }
 }
 
-.login-page-container.dev-login {
-    margin-top: 20px;
-    border: none;
-}
+.login-page-container {
+    &.dev-login {
+        margin-top: 20px;
+        border: none;
 
-.login-page-container.dev-login .login-form {
-    width: auto;
-}
+        .login-form {
+            width: auto;
+        }
+    }
 
-.login-page-container .group {
-    margin: 0px 20px;
-    display: inline-block;
-}
+    .group {
+        margin: 0px 20px;
+        display: inline-block;
+    }
 
-.login-page-container input[type=submit] {
-    color: hsl(0, 0%, 67%);
-    border: 1px solid hsl(0, 0%, 87%);
-    border-radius: 4px;
-    background-color: transparent;
+    input[type=submit] {
+        color: hsl(0, 0%, 67%);
+        border: 1px solid hsl(0, 0%, 87%);
+        border-radius: 4px;
+        background-color: transparent;
 
-    transition: color 0.3s ease, border 0.3s ease;
-}
+        transition: color 0.3s ease, border 0.3s ease;
 
-.login-page-container input[type=submit]:hover {
-    border-color: hsl(0, 0%, 53%);
-    color: hsl(0, 0%, 27%);
-}
+        &:hover {
+            border-color: hsl(0, 0%, 53%);
+            color: hsl(0, 0%, 27%);
+        }
 
-.login-page-container input[type=submit].btn-admin {
-    border-color: hsl(170, 41%, 52%);
-    color: hsl(170, 41%, 52%);
-}
+        &.btn-admin {
+            border-color: hsl(170, 41%, 52%);
+            color: hsl(170, 41%, 52%);
 
-.login-page-container input[type=submit].btn-admin:hover {
-    color: hsl(156, 62%, 61%);
-    border-color: hsl(156, 62%, 61%);
+            &:hover {
+                color: hsl(156, 62%, 61%);
+                border-color: hsl(156, 62%, 61%);
+            }
+        }
+    }
 }
 
 .new-style .login-page-container .alert,