Use Flexbox for excerpt layout

2019-01-06 17:05:13 +00:00
parent e8f563b196
commit 5f7c0758ca
3 changed files with 22 additions and 15 deletions
--- a/css/excerpt.css
+++ b/css/excerpt.css
@@ -1,4 +1,7 @@
 .excerpt {
+  display: flex;
+  flex-flow: column nowrap;
+  flex-grow: 1;
  border-bottom: 1px solid var(--color-light-grey);
  margin-bottom: var(--space-sm);
  padding-bottom: var(--space-sm);
@@ -17,6 +20,10 @@
  margin-bottom: var(--space-xs);
 }

+.excerpt__body {
+  flex-grow: 1;
+}
+
@media (--viewport-md) {
  .excerpt__head,
  .excerpt__body,