From 3b5fa831ac3cfefe894716d9357fedca12c9fa50 Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Wed, 11 Mar 2020 19:24:07 +0530
Subject: [PATCH] css: Use SCSS nesting in portico-signin.scss for `button`.

---
 static/styles/portico/portico-signin.scss | 24 +++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/static/styles/portico/portico-signin.scss b/static/styles/portico/portico-signin.scss
index 907ef735fd..121b9a74e1 100644
--- a/static/styles/portico/portico-signin.scss
+++ b/static/styles/portico/portico-signin.scss
@@ -302,22 +302,22 @@ html {
     border-radius: 4px;
 
     transition: all 0.3s ease;
-}
 
-.new-style button:hover {
-    background-color: hsl(213, 33%, 31%);
-}
+    &:hover {
+        background-color: hsl(213, 33%, 31%);
+    }
 
-.new-style button:active {
-    background-color: hsl(214, 28%, 16%);
-}
+    &:active {
+        background-color: hsl(214, 28%, 16%);
+    }
 
-.new-style button:focus {
-    outline: 3px solid hsl(213, 81%, 79%);
-}
+    &:focus {
+        outline: 3px solid hsl(213, 81%, 79%);
+    }
 
-.new-style button.full-width {
-    width: 100%;
+    &.full-width {
+        width: 100%;
+    }
 }
 
 .new-style .alert:not(.alert-info) {