Inital layout of home page

2019-01-06 13:29:25 +00:00
parent 7769bf9f16
commit e8f563b196
12 changed files with 167 additions and 88 deletions
--- a/css/excerpt.css
+++ b/css/excerpt.css
@@ -1,10 +1,13 @@
 .excerpt {
+  border-bottom: 1px solid var(--color-light-grey);
  margin-bottom: var(--space-sm);
+  padding-bottom: var(--space-sm);
 }

@media (--viewport-md) {
  .excerpt {
    margin-bottom: var(--space-md);
+    padding-bottom: var(--space-md);
  }
 }

@@ -14,6 +17,14 @@
  margin-bottom: var(--space-xs);
 }

+@media (--viewport-md) {
+  .excerpt__head,
+  .excerpt__body,
+  .excerpt__title {
+    margin-bottom: var(--space-sm);
+  }
+}
+
 .excerpt__metadata {
  color: var(--color-grey);
  font-size: 12px;