Add fixed verion of logo and metadata

css/article.css

@@ -19,7 +19,7 @@
   margin-bottom: var(--space-sm);
 }
 
-@media (--viewport-md) {
+@media (--viewport-lg) {
   .article__date {
     display: none;
   }

css/excerpt.css

@@ -60,7 +60,6 @@
 .excerpt__audio {
   display: block;
   margin-bottom: var(--space-sm);
-  background-color: var(--color-light-blue);
 }
 
 .excerpt__image {

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;

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;
   }

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">

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">

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">

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">

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">