From 84e1c2cc7224f5145b1ae13530825b4a750b8f4a Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Mon, 26 Feb 2018 19:10:56 +0000
Subject: [PATCH] Refactor CSS State classes

---
 css/logo.css            | 2 +-
 css/menu.css            | 4 ++--
 css/metadata.css        | 4 ++++
 css/nav.css             | 8 ++++----
 theme/partials/logo.php | 4 ++--
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/css/logo.css b/css/logo.css
index e3b73f9..7c7f8b1 100644
--- a/css/logo.css
+++ b/css/logo.css
@@ -8,7 +8,7 @@
 
 .Logo-image {
   filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
-  max-width: 360px;
+  max-width: 320px;
   transition: filter var(--transitionMd) ease-in;
 }
 
diff --git a/css/menu.css b/css/menu.css
index ea70196..36c6072 100644
--- a/css/menu.css
+++ b/css/menu.css
@@ -48,11 +48,11 @@
   top: -10000px;
 }
 
-.Menu--visible {
+.Menu.is-visible {
   transform: translateX(0);
 }
 
-.Menu--minimized {
+.Menu.is-minimized {
   opacity: 0.5;
   transform: translateX(-20px) translateY(-20px);
 }
diff --git a/css/metadata.css b/css/metadata.css
index b11db27..2a5030e 100644
--- a/css/metadata.css
+++ b/css/metadata.css
@@ -10,6 +10,10 @@
   .Metadata {
     border-bottom: none;
   }
+
+  .Metadata.is-locked {
+    position: fixed;
+  }
 }
 
 .Metadata-date {
diff --git a/css/nav.css b/css/nav.css
index a5e6fa0..ac57ffd 100644
--- a/css/nav.css
+++ b/css/nav.css
@@ -87,7 +87,7 @@
   margin-top: 0;
 }
 
-.Nav--open::after {
+.Nav.is-open::after {
   visibility: visible;
   opacity: 1;
 }
@@ -130,15 +130,15 @@
   filter: drop-shadow(0 0 2px #fff);
 }
 
-.Nav--open .Nav-content {
+.Nav.is-open .Nav-content {
   transform: translateX(0);
 }
 
-.Nav--open .Nav-closeBar:nth-of-type(1) {
+.Nav.is-open .Nav-closeBar:nth-of-type(1) {
   transform: rotate(45deg);
 }
 
-.Nav--open .Nav-closeBar:nth-of-type(2) {
+.Nav.is-open .Nav-closeBar:nth-of-type(2) {
   transform: rotate(-45deg);
 }
 
diff --git a/theme/partials/logo.php b/theme/partials/logo.php
index b16d7a6..236587a 100644
--- a/theme/partials/logo.php
+++ b/theme/partials/logo.php
@@ -1,6 +1,6 @@
 <section class="Logo">
   <a class="Logo-link" href="<?php echo home_url(); ?>">
-	  <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="Logo-image">
-	</a>
+    <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="Logo-image">
+  </a>
 </section>