From 3f6ce5ffb1a1264fcfd01f54df6aafb6e5bf9790 Mon Sep 17 00:00:00 2001
From: Siddharth Varshney <siddharth.98varshney@gmail.com>
Date: Wed, 25 Mar 2020 05:52:18 +0530
Subject: [PATCH] css: Use SCSS nesting for `.contributors` in portico.scss.

---
 static/styles/portico/portico.scss | 62 +++++++++++++++---------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/static/styles/portico/portico.scss b/static/styles/portico/portico.scss
index 33de0f3e5e..6a2a39ffbc 100644
--- a/static/styles/portico/portico.scss
+++ b/static/styles/portico/portico.scss
@@ -828,6 +828,37 @@ a.bottom-signup-button {
 
 .contributors {
     display: none;
+
+    .person {
+        box-sizing: border-box;
+        padding: 10px;
+        border: 1px solid hsl(0, 0%, 93%);
+        border-radius: 4px;
+        transition: all 0.3s ease;
+
+        a {
+            color: inherit;
+        }
+
+        &:hover {
+            border: 1px solid hsl(0, 0%, 73%);
+        }
+
+        .avatar {
+            width: 60px;
+            text-align: center;
+            display: inline-block;
+            vertical-align: top;
+        }
+
+        .info {
+            width: 50%;
+            text-align: left;
+            display: inline-block;
+            vertical-align: top;
+            margin-left: 10px;
+        }
+    }
 }
 
 /* Activated .contributors */
@@ -846,37 +877,6 @@ input#terminal:checked ~ #tab-terminal {
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 }
 
-.contributors .person {
-    box-sizing: border-box;
-    padding: 10px;
-    border: 1px solid hsl(0, 0%, 93%);
-    border-radius: 4px;
-    transition: all 0.3s ease;
-
-    a {
-        color: inherit;
-    }
-
-    &:hover {
-        border: 1px solid hsl(0, 0%, 73%);
-    }
-
-    .avatar {
-        width: 60px;
-        text-align: center;
-        display: inline-block;
-        vertical-align: top;
-    }
-
-    .info {
-        width: 50%;
-        text-align: left;
-        display: inline-block;
-        vertical-align: top;
-        margin-left: 10px;
-    }
-}
-
 .avatar_img {
     width: auto;
     height: auto;