styles: Refactor #user_presences li selectors to use SCSS nesting.

matt- · Jul 12, 2019 · c4f510b · c4f510b
1 parent 2694dd7
commit c4f510b
Showing 1 changed file with 33 additions and 31 deletions.
diff --git a/static/styles/right-sidebar.scss b/static/styles/right-sidebar.scss
@@ -27,38 +27,40 @@
 #user_presences {
     max-width: 95%;
     overflow-x: hidden;
-}
-
-#user_presences li {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-#user_presences .user-list-arrow {
-    position: absolute;
-    top: 0px;
-    right: 10px;
-    font-size: 0.8em;
-    display: none;
-}
 
-.user-list-arrow i {
-    padding-right: 0.25em;
-    display: inline-block;
-    width: 13px;
-}
-
-#user_presences li .user-list-arrow:hover {
-    display: inline;
-    cursor: pointer;
-    color: hsl(0, 0%, 0%);
-}
-
-#user_presences li:hover .user-list-arrow {
-    display: inline;
-    cursor: pointer;
-    color: hsl(0, 0%, 53%);
+    li {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+
+        .user-list-arrow {
+            position: absolute;
+            top: 0px;
+            right: 10px;
+            font-size: 0.8em;
+            display: none;
+
+            i {
+                padding-right: 0.25em;
+                display: inline-block;
+                width: 13px;
+            }
+
+            &:hover {
+                display: inline;
+                cursor: pointer;
+                color: hsl(0, 0%, 0%);
+            }
+        }
+
+        &:hover {
+            .user-list-arrow {
+                display: inline;
+                cursor: pointer;
+                color: hsl(0, 0%, 53%);
+            }
+        }
+    }
 }
 
 #user_presences li,