From cabdc72722f7d55155168aec078f26c7edade34e Mon Sep 17 00:00:00 2001
From: SiddharthVarshney <siddharth.98varshney@gmail.com>
Date: Sat, 20 Jun 2020 17:33:45 +0530
Subject: [PATCH] css: Use SCSS nesting for `.portico-landing.hello .hero
 .waves`.

---
 static/styles/portico/landing-page.scss | 46 ++++++++++++-------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/static/styles/portico/landing-page.scss b/static/styles/portico/landing-page.scss
index a3b2dd4d71..8b9dcfff43 100644
--- a/static/styles/portico/landing-page.scss
+++ b/static/styles/portico/landing-page.scss
@@ -689,37 +689,37 @@ nav {
 
     z-index: 0;
     opacity: 0.3;
-}
 
-.portico-landing.hello .hero .waves .wave {
-    position: absolute;
+    .wave {
+        position: absolute;
 
-    width: 100%;
-    height: 100%;
+        width: 100%;
+        height: 100%;
 
-    background-color: hsl(0, 0%, 100%);
-    border-radius: 35%;
+        background-color: hsl(0, 0%, 100%);
+        border-radius: 35%;
 
-    opacity: 0.3;
+        opacity: 0.3;
 
-    animation-name: waves;
-    animation-duration: 15s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
+        animation-name: waves;
+        animation-duration: 15s;
+        animation-iteration-count: infinite;
+        animation-timing-function: linear;
 
-    &.dark-blue {
-        background-color: hsl(219, 39%, 13%);
-    }
+        &.dark-blue {
+            background-color: hsl(219, 39%, 13%);
+        }
 
-    &.light-blue {
-        background-color: hsla(0, 67%, 57%, 0.9);
-        animation-duration: 18s;
-    }
+        &.light-blue {
+            background-color: hsla(0, 67%, 57%, 0.9);
+            animation-duration: 18s;
+        }
 
-    &.light-green {
-        background-color: hsla(187, 98%, 75%, 0.75);
-        animation-name: wavesBackward;
-        animation-duration: 21s;
+        &.light-green {
+            background-color: hsla(187, 98%, 75%, 0.75);
+            animation-name: wavesBackward;
+            animation-duration: 21s;
+        }
     }
 }