From d83eed6b62cc634be9dc703be022df75206ee5ae Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Tue, 12 May 2020 09:54:42 +0530
Subject: [PATCH] css: Use SCSS nesting in settings.scss for `.required-text`.

---
 static/styles/settings.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index db57cc8948..05a3b519d5 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -1904,16 +1904,18 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
     width: 100px;
 }
 
-.required-text:empty::after {
-    content: attr(data-empty);
-    display: block;
+.required-text {
+    &:empty::after {
+        content: attr(data-empty);
+        display: block;
 
-    font-style: italic;
-    color: hsl(0, 0%, 67%);
-}
+        font-style: italic;
+        color: hsl(0, 0%, 67%);
+    }
 
-.required-text.thick:empty::after {
-    width: 100%;
+    &.thick:empty::after {
+        width: 100%;
+    }
 }
 
 #payload_url_inputbox input[type=text] {