announcement-header -> announcement-meta extending card-meta

kevinlin1 · Jun 26, 2020 · e4f7906 · e4f7906
1 parent b131ebb
commit e4f7906
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/_layouts/announcement.html b/_layouts/announcement.html
@@ -1,7 +1,6 @@
 <div class="announcement">
   <div class="announcement-body">
-    <div class="announcement-header">{{ page.date | date: '%b %e' }}</div>
-    <h2>{{ page.title }}</h2>
+    <h2>{{ page.title }} <strong class="announcement-meta">{{ page.date | date: '%b %e' }}</strong></h2>
     {{ content }}
   </div>
 </div>
diff --git a/_sass/custom/announcement.scss b/_sass/custom/announcement.scss
@@ -2,10 +2,15 @@
   @extend .card;
 }
 
-.announcement-header {
-  margin: $sp-1 0 $sp-3;
-}
-
 .announcement-body {
   @extend .card-body;
+
+  h1, h2, h3, h4, h5, h6 {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.announcement-meta {
+  @extend .card-meta, .text-grey-dk-100, .bg-grey-lt-200;
 }