From 2f2e3f48798a60128a83d3e3df851d47f920a8ad Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Sun, 10 May 2020 08:01:01 +0530
Subject: [PATCH] css: Use SCSS nesting in settings.scss for
 `.emojiset_choices`.

---
 static/styles/settings.scss | 44 ++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 82ccb5ed05..7f1426217f 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -1082,34 +1082,34 @@ input[type=checkbox] {
 .emojiset_choices {
     width: 250px;
     padding: 0px 10px;
-}
 
-.emojiset_choices .emoji {
-    height: 22px;
-    width: 22px;
-}
+    .emoji {
+        height: 22px;
+        width: 22px;
+    }
 
-.emojiset_choices label {
-    border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
-    padding: 8px 0px 10px 0px;
-}
+    label {
+        border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
+        padding: 8px 0px 10px 0px;
 
-.emojiset_choices label:last-of-type {
-    border-bottom: none;
-}
+        &:last-of-type {
+            border-bottom: none;
+        }
 
-.emojiset_choices label input[type=radio] {
-    position: relative;
-    top: -2px;
-    margin: 0px 5px 0px 0px;
-}
+        input[type=radio] {
+            position: relative;
+            top: -2px;
+            margin: 0px 5px 0px 0px;
 
-.emojiset_choices label input[type=radio]:checked + span {
-    font-weight: 600;
-}
+            &:checked + span {
+                font-weight: 600;
+            }
+        }
+    }
 
-.emojiset_choices .right {
-    float: right;
+    .right {
+        float: right;
+    }
 }
 
 .open-user-form {