_sass: Nest staffer classes, override staffer-name margin

kevinlin1 · Jun 26, 2020 · 257dfa1 · 257dfa1
1 parent e4f7906
commit 257dfa1
Showing 1 changed file with 14 additions and 20 deletions.
diff --git a/_sass/custom/staffer.scss b/_sass/custom/staffer.scss
@@ -1,29 +1,23 @@
-.role {
-}
-
 .staffer {
   display: flex;
   padding: $sp-4;
 
-  p {
-    @extend .staffer-name;
+  .staffer-image {
+    border-radius: 50%;
+    height: 100px;
+    margin-right: $sp-4;
   }
-}
-
-.staffer-image {
-  border-radius: 50%;
-  height: 100px;
-  margin-right: $sp-4;
-}
 
-.staffer-name {
-  margin: $sp-1;
-}
+  p,
+  .staffer-name {
+    margin: $sp-1 !important;
+  }
 
-.staffer-pronouns {
-  @extend .label, .text-grey-dk-100, .bg-grey-lt-200;
-}
+  .staffer-pronouns {
+    @extend .label, .text-grey-dk-100, .bg-grey-lt-200;
+  }
 
-.staffer-meta {
-  @extend .text-grey-dk-000;
+  .staffer-meta {
+    @extend .text-grey-dk-000;
+  }
 }