feat: Add avatar list

styles/blocks/_card.scss

@@ -13,6 +13,11 @@
     text-decoration: none;
 }
 .card__cover {
+    /* Center the content */
+    align-items: center;
+    display: flex;
+    justify-content: center;
+
     height: 8rem;
     width: 100%;
     margin-bottom: 0.5rem;

styles/index.scss

@@ -10,10 +10,11 @@
 @import './blocks/nav';
 @import './blocks/post';
 
-// Cover
-@import './covers/accordion';
-@import './covers/arrow-buttons';
-@import './covers/avatar';
+// Patterns
+@import './patterns/accordion';
+@import './patterns/arrow-buttons';
+@import './patterns/avatar';
+@import './patterns/avatar-list';
 
 // Placeholders
 @import './placeholders/circle';

styles/patterns/_avatar-list.scss

@@ -0,0 +1,28 @@
+.avatars {
+    display: flex;
+    justify-content: center;
+
+    height: 2rem;
+    width: 100%;
+}
+.avatars__item {
+    margin-left: -0.25rem;
+}
+.avatars__image {
+    background-color: #BBB;
+    box-shadow: 0 0 0 0.25rem #FFF;
+    color: #FFF;
+    font-size: 0.75rem;
+
+    /* Rounded border */
+    border-radius: 50%;
+
+    /* Center the content */
+    align-items: center;
+    display: flex;
+    justify-content: center;
+
+    /* Size */
+    height: 2rem;
+    width: 2rem;
+}