commit

app/javascript/styles/gabsocial/components/group-card.scss

@@ -3,8 +3,8 @@
     @include gab-container-standards();
     .group-column-header__title {
         padding: 15px;
-        font-size: 20px;
-        font-weight: bold;
+
+        @include text-sizing(20px, 700);
     }
     .group-column-header__cta {
         float: right;
@@ -15,12 +15,10 @@
 }
 
 .group-card-list {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: space-between;
     width: 100%;
     margin-top: 20px;
+
+    @include flex(space-between, stretch, row, wrap);
 }
 
 .group-card {
@@ -49,15 +47,15 @@
 
         .group-card__title {
             color: $primary-text-color;
-            font-size: 16px;
-            font-weight: bold;
+
+            @include text-sizing(16px, bold);
         }
 
         .group-card__meta {
             color: $gab-secondary-text;
             font-size: 14px;
-            margin-top: 5px;
-            margin-bottom: 10px;
+
+            @include vertical-margin(5px, 10px);
         }
 
         .group-card__description {