From 908242d8f47f1e0174fb4e9504fab69f92395012 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 8 Jan 2019 15:49:43 +0000
Subject: [PATCH] Add fixed verion of logo and metadata

---
 css/article.css        |  2 +-
 css/excerpt.css        |  1 -
 css/logo.css           | 14 ++++++++++++++
 css/metadata.css       |  6 +++++-
 theme/front-page.php   |  2 +-
 theme/page-archive.php |  2 +-
 theme/search.php       |  2 +-
 theme/single.php       |  4 ++--
 theme/tag.php          |  2 +-
 9 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/css/article.css b/css/article.css
index b54f2f2..b7d0ecf 100644
--- a/css/article.css
+++ b/css/article.css
@@ -19,7 +19,7 @@
   margin-bottom: var(--space-sm);
 }
 
-@media (--viewport-md) {
+@media (--viewport-lg) {
   .article__date {
     display: none;
   }
diff --git a/css/excerpt.css b/css/excerpt.css
index 646e1f0..22c576b 100644
--- a/css/excerpt.css
+++ b/css/excerpt.css
@@ -60,7 +60,6 @@
 .excerpt__audio {
   display: block;
   margin-bottom: var(--space-sm);
-  background-color: var(--color-light-blue);
 }
 
 .excerpt__image {
diff --git a/css/logo.css b/css/logo.css
index 95afca9..f15fca0 100644
--- a/css/logo.css
+++ b/css/logo.css
@@ -2,6 +2,20 @@
   width: 100%;
 }
 
+@media (--viewport-lg) {
+  .is-fixed .logo {
+    position: fixed;
+    width: 168px;
+    z-index: 10;
+  }
+}
+
+@media (--viewport-xl) {
+  .is-fixed .logo {
+    width: 224px;
+  }
+}
+
 .logo__link {
   display: block;
   margin: 0 auto;
diff --git a/css/metadata.css b/css/metadata.css
index 8fe6735..8588824 100644
--- a/css/metadata.css
+++ b/css/metadata.css
@@ -25,6 +25,10 @@
     border-bottom: none;
   }
 
+  .is-fixed .metadata {
+    position: fixed;
+  }
+
   .metadata__item {
     margin-right: 0;
   }
@@ -36,7 +40,7 @@
   margin-bottom: var(--space-sm);
 }
 
-@media (--viewport-md) {
+@media (--viewport-lg) {
   .metadata__item--light {
     display: block;
   }
diff --git a/theme/front-page.php b/theme/front-page.php
index 8945c75..e76246c 100644
--- a/theme/front-page.php
+++ b/theme/front-page.php
@@ -1,6 +1,6 @@
 <?php get_header() ?>
 <main class="page">
-  <section class="page__logo">
+  <section class="page__logo is-fixed">
     <?php get_template_part('partials/logo') ?>
   </section>
   <section class="page__content">
diff --git a/theme/page-archive.php b/theme/page-archive.php
index af1e058..cb6c16a 100644
--- a/theme/page-archive.php
+++ b/theme/page-archive.php
@@ -1,6 +1,6 @@
 <?php get_header(); the_post(); ?>
 <main class="page">
-  <section class="page__logo">
+  <section class="page__logo is-fixed">
     <?php get_template_part('partials/logo') ?>
   </section>
   <section class="page__content">
diff --git a/theme/search.php b/theme/search.php
index 2e6b2d8..28579ba 100644
--- a/theme/search.php
+++ b/theme/search.php
@@ -5,7 +5,7 @@ $query = $_GET['s'];
 $results = $wp_query->found_posts;
 ?>
 <main class="page">
-  <section class="page__logo">
+  <section class="page__logo is-fixed">
     <?php get_template_part('partials/logo') ?>
   </section>
   <section class="page__content">
diff --git a/theme/single.php b/theme/single.php
index 405ddb7..c7b57e6 100644
--- a/theme/single.php
+++ b/theme/single.php
@@ -1,6 +1,6 @@
 <?php get_header(); ?>
 <main class="page">
-  <section class="page__logo">
+  <section class="page__logo is-fixed">
     <?php get_template_part('partials/logo') ?>
   </section>
   <?php if (have_posts()): while (have_posts()) : the_post(); ?>
@@ -24,7 +24,7 @@
       </div>
     </article>
   </section>
-  <section class="page__metadata">
+  <section class="page__metadata is-fixed">
     <?php get_template_part('partials/metadata') ?>
   </section>
   <section class="page__comments">
diff --git a/theme/tag.php b/theme/tag.php
index aff4cc6..a67ce2c 100644
--- a/theme/tag.php
+++ b/theme/tag.php
@@ -1,6 +1,6 @@
 <?php get_header() ?>
 <main class="page">
-  <section class="page__logo">
+  <section class="page__logo is-fixed">
     <?php get_template_part('partials/logo') ?>
   </section>
   <section class="page__content">