From e609561ed4f5a0beba399b7a422e3ed466d91f7b Mon Sep 17 00:00:00 2001
From: Siddharth Varshney <siddharth.98varshney@gmail.com>
Date: Wed, 13 May 2020 19:36:57 +0530
Subject: [PATCH] css: Use SCSS nesting for `.help .sidebar h1`.

---
 static/styles/portico/portico.scss | 41 ++++++++++++++++--------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/static/styles/portico/portico.scss b/static/styles/portico/portico.scss
index cd14874c46..2e6d754fe4 100644
--- a/static/styles/portico/portico.scss
+++ b/static/styles/portico/portico.scss
@@ -168,29 +168,33 @@ html {
     line-height: 1.5;
     margin-bottom: 0px;
     border-bottom: 1px solid hsla(0, 0, 100%, .6);
-}
 
-.help .sidebar h1:not(:first-of-type) {
-    margin-top: 20px;
-}
+    &:not(:first-of-type) {
+        margin-top: 20px;
+    }
 
-.help .sidebar h1:first-of-type,
-.help .sidebar h1.home-link {
-    border-bottom: none;
-}
+    &:first-of-type,
+    &.home-link {
+        border-bottom: none;
+    }
 
+    &.home-link {
+        font-size: 1em;
+        margin-bottom: 17px;
 
-.help .sidebar h1.home-link {
-    font-size: 1em;
-    margin-bottom: 17px;
+        a::before {
+            display: inline-block;
+            font: normal normal normal 14px/1 FontAwesome;
+            font-size: inherit;
 
-    a::before {
-        display: inline-block;
-        font: normal normal normal 14px/1 FontAwesome;
-        font-size: inherit;
+            content: "\f0d9";
+            margin-right: 10px;
+        }
+    }
 
-        content: "\f0d9";
-        margin-right: 10px;
+    a {
+        color: inherit;
+        display: block;
     }
 }
 
@@ -238,8 +242,7 @@ html {
     cursor: pointer;
 }
 
-.help .sidebar li a,
-.help .sidebar h1 a {
+.help .sidebar li a {
     color: inherit;
     display: block;
 }