Redo Grid CSS

Add single page template
2018-04-29 13:17:07 +01:00
parent 7281d9f94f
commit b992ca0417
4 changed files with 54 additions and 13 deletions
--- a/css/article.css
+++ b/css/article.css
@@ -4,11 +4,6 @@
  .Article {
    border-bottom: 1px solid var(--colorLightGrey);
  }
-
-  /** Pull up first article */
-  .Article.is-first {
-    margin-top: -166px;
-  }
 }

 .Article-title {
--- a/css/grid.css
+++ b/css/grid.css
@@ -24,10 +24,15 @@
@media (--viewportLg) {
  .Grid {
    grid-template-columns: 224px 1fr;
+    grid-template-rows: 60px 134px;
    grid-gap: var(--spaceMd);
    padding: 0 var(--spaceMd);
  }

+  .Grid-logo {
+    grid-row: span 2;
+  }
+
  .Grid-banner {
    display: block;
    grid-column-start: 2;
@@ -36,10 +41,16 @@

  .Grid-article {
    grid-column-start: 2;
+    grid-row: span 2;
  }

  .Grid-metadata {
    grid-column-start: 1;
+    grid-row: span 2;
+  }
+
+  .Grid-metadata.is-first {
+    grid-row: span 1;
  }

  .Grid-footer {