From b19902e00c3830d1d6567746aa11e438a4a0fe50 Mon Sep 17 00:00:00 2001
From: SiddharthVarshney <siddharth.98varshney@gmail.com>
Date: Sun, 14 Jun 2020 20:47:34 +0530
Subject: [PATCH] css: Use SCSS nesting for `.portico-landing.features-app
 section.notifications .feature-list h3`.

---
 static/styles/portico/landing-page.scss | 35 +++++++++++++------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/static/styles/portico/landing-page.scss b/static/styles/portico/landing-page.scss
index f0ab2cb10b..9747cf2a8f 100644
--- a/static/styles/portico/landing-page.scss
+++ b/static/styles/portico/landing-page.scss
@@ -561,25 +561,26 @@ nav {
     font-weight: 400;
 
     color: hsl(0, 0%, 53%);
+
+    &::before {
+        content: " ";
+        display: block;
+        position: absolute;
+
+        left: -35px;
+        top: 0px;
+        width: 20px;
+        height: 20px;
+
+        border-radius: 4px;
+
+        background-image: url(/static/images/checkbox-green.svg);
+        background-size: 100% auto;
+        background-position: center;
+        background-repeat: no-repeat;
+    }
 }
 
-.portico-landing.features-app section.notifications .feature-list h3::before {
-    content: " ";
-    display: block;
-    position: absolute;
-
-    left: -35px;
-    top: 0px;
-    width: 20px;
-    height: 20px;
-
-    border-radius: 4px;
-
-    background-image: url(/static/images/checkbox-green.svg);
-    background-size: 100% auto;
-    background-position: center;
-    background-repeat: no-repeat;
-}
 
 .portico-landing.features-app section.notifications .image-block {
     width: 400px;