From 68b94bb434655e9d3cb9a7604a294673b44f4096 Mon Sep 17 00:00:00 2001
From: Siddharth Varshney <siddharth.98varshney@gmail.com>
Date: Wed, 25 Mar 2020 16:16:00 +0530
Subject: [PATCH] css: Use SCSS nesting for `.main-headline-text` in
 portico.scss.

---
 static/styles/portico/portico.scss | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/static/styles/portico/portico.scss b/static/styles/portico/portico.scss
index 33df381a60..65c6dec51a 100644
--- a/static/styles/portico/portico.scss
+++ b/static/styles/portico/portico.scss
@@ -1062,18 +1062,18 @@ input.new-organization-button {
     text-align: center;
     color: hsl(0, 0%, 0%);
     font-weight: 300;
-}
 
-.main-headline-text .tagline {
-    font-size: 40px;
-    line-height: 42px;
-}
+    .tagline {
+        font-size: 40px;
+        line-height: 42px;
+    }
 
-.main-headline-text .footnote {
-    display: block;
-    font-size: 18px;
-    color: hsl(0, 0%, 0%);
-    margin-top: 15px;
+    .footnote {
+        display: block;
+        font-size: 18px;
+        color: hsl(0, 0%, 0%);
+        margin-top: 15px;
+    }
 }
 
 .main-signup-button {
@@ -1527,9 +1527,11 @@ input.new-organization-button {
         padding: 0 10px;
     }
 
-    .main-headline-text .tagline {
-        font-size: 32px;
-        line-height: 34px;
+    .main-headline-text {
+        .tagline {
+            font-size: 32px;
+            line-height: 34px;
+        }
     }
 
     #apps-tabs li a {