From e520e82b040355f5794a4e699e1d8fb4e4a32e60 Mon Sep 17 00:00:00 2001
From: Siddharth Varshney <siddharth.98varshney@gmail.com>
Date: Mon, 25 May 2020 02:23:05 +0530
Subject: [PATCH] css: Use scss nesting for `a.arrow`.

---
 static/styles/portico/landing-page.scss | 26 ++++++++++++-------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/static/styles/portico/landing-page.scss b/static/styles/portico/landing-page.scss
index 91bf15d734..a1432e2652 100644
--- a/static/styles/portico/landing-page.scss
+++ b/static/styles/portico/landing-page.scss
@@ -48,20 +48,18 @@ a:hover {
     text-decoration: none;
 }
 
-a.arrow::after {
-    content: " ";
-    display: inline-block;
-    position: relative;
-
-    height: 17px;
-    width: 17px;
-
-    top: 3px;
-
-    background-image: url(/static/images/landing-page/arrow.png);
-    background-size: 100%;
-
-    margin-left: 5px;
+a.arrow {
+    &::after {
+        content: " ";
+        display: inline-block;
+        position: relative;
+        height: 17px;
+        width: 17px;
+        top: 3px;
+        background-image: url(/static/images/landing-page/arrow.png);
+        background-size: 100%;
+        margin-left: 5px;
+    }
 }
 
 a.silver {