From d18492c1c7b3c6f300c36ea6bfd7b118fb49ba6e Mon Sep 17 00:00:00 2001
From: Vaibhav <vrongmeal@gmail.com>
Date: Sat, 24 Aug 2019 16:43:52 +0530
Subject: [PATCH] css: Use SCSS nesting for `.compose_table`.

---
 static/styles/compose.scss | 108 +++++++++++++++++++------------------
 1 file changed, 56 insertions(+), 52 deletions(-)

diff --git a/static/styles/compose.scss b/static/styles/compose.scss
index d4c03a49ff..68210d058f 100644
--- a/static/styles/compose.scss
+++ b/static/styles/compose.scss
@@ -71,69 +71,73 @@
     width: 10px;
 }
 
-.compose_table .message_header_colorblock,
-.compose_table .message_header {
-    box-shadow: none;
-    background: none;
-}
+.compose_table {
+    .message_header_colorblock,
+    .message_header {
+        box-shadow: none;
+        background: none;
+    }
 
-.compose_table .message_header_colorblock,
-.compose_table .message_header_colorblock.message_header_private_message {
-    border-radius: 3px 0px 0px 3px;
-    border-bottom: 0px;
-}
+    .message_header_colorblock {
+        &,
+        &.message_header_private_message {
+            border-radius: 3px 0px 0px 3px;
+            border-bottom: 0px;
+        }
 
-.compose_table .message_header_colorblock.message_header_private_message {
-    background-color: hsl(0, 0%, 27%);
-}
+        &.message_header_private_message {
+            background-color: hsl(0, 0%, 27%);
+        }
+    }
 
-.compose_table .right_part {
-    padding: 0px;
-    display: flex;
-    align-items: center;
-    width: 100%;
-}
+    .right_part {
+        padding: 0px;
+        display: flex;
+        align-items: center;
+        width: 100%;
 
-.compose_table .right_part .fa-angle-right {
-    font-size: 0.9em;
-    -webkit-text-stroke: 0.05em;
-    position: relative;
-    margin: 0px 5px;
-}
+        .fa-angle-right {
+            font-size: 0.9em;
+            -webkit-text-stroke: 0.05em;
+            position: relative;
+            margin: 0px 5px;
+        }
+    }
 
-.compose_table .compose_checkbox_label {
-    display: inline-block;
-}
+    .compose_checkbox_label {
+        display: inline-block;
+    }
 
-.compose_table .pm_recipient {
-    margin-left: 5px;
-    margin-right: 20px;
-    display: flex;
-    width: 100%;
-}
+    .pm_recipient {
+        margin-left: 5px;
+        margin-right: 20px;
+        display: flex;
+        width: 100%;
+    }
 
-.compose_table #private-message .to_text {
-    vertical-align: middle;
+    #private-message .to_text {
+        vertical-align: middle;
 
-    font-weight: 600;
-}
+        font-weight: 600;
+    }
 
-.compose_table #compose-lock-icon {
-    position: relative;
-    left: 5px;
-    width: 0px;
-}
+    #compose-lock-icon {
+        position: relative;
+        left: 5px;
+        width: 0px;
+    }
 
-.compose_table .message_header {
-    background: none;
-    background-color: hsl(0, 0%, 92%);
-    border: none;
-    border-radius: 0px;
-    box-shadow: none !important;
-}
+    .message_header {
+        background: none;
+        background-color: hsl(0, 0%, 92%);
+        border: none;
+        border-radius: 0px;
+        box-shadow: none !important;
+    }
 
-.compose_table .messagebox {
-    box-shadow: none !important;
+    .messagebox {
+        box-shadow: none !important;
+    }
 }
 
 table.compose_table {