Better styling for org-members lists

nicolelaine · Mar 27, 2024 · 19556ef · 19556ef
1 parent 5295e7b
commit 19556ef
Showing 1 changed file with 29 additions and 9 deletions.
diff --git a/_sass/dogwood/_layout.scss b/_sass/dogwood/_layout.scss
@@ -1480,35 +1480,55 @@ article {
   }
 }
 
+.mono-logos {
+  img {
+    filter:  brightness(0) invert(1);
+  }
+}
+
 ul.org-members {
 
   padding-left: $sp*1.5;
+
+  display: flex;
+  flex-wrap: wrap;
 
   li {
+    max-width: 100%;
     list-style: none;
     margin-left: 0;
+    margin-bottom: $sp;
     &:not(:last-child) {
-      margin-bottom: $sp;
+      margin-right: $sp*2;
     }
 
     img {
-      max-height: 60px;
+      width: auto;
+      height: 100%;
       max-width: 100%;
+      object-fit: contain;
      }
   }
 }
 
-ul.org-members.level-5 li img{
-  max-height: 40px;
+ul.org-members.level-5 li {
+  height: 70px;
+}
+
+ul.org-members.level-4 li {
+  height: 80px;
+}
+
+ul.org-members.level-3 li {
+  height: 90px;
 }
 
-ul.org-members.level-2 li img{
-  max-height: 120px;
-  max-width: 400px;
+ul.org-members.level-2 li {
+  height: 100px;
 }
 
-ul.org-members.level-1 li img{
-  max-height: 180px;
+ul.org-members.level-1 li {
+  height: 108px;
 }
 
 .directory {