From 4adbf9dcd25c62fdf5fc3171b95161a7977a9216 Mon Sep 17 00:00:00 2001
From: Ludwig Schubert <schubert@openai.com>
Date: Mon, 18 Feb 2019 11:43:45 -0800
Subject: [PATCH] Scope footer styles to avoid leaking them in pre-rendered
 mode

---
 src/distill-components/distill-footer-template.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/distill-components/distill-footer-template.js b/src/distill-components/distill-footer-template.js
index c024c97..413b2a6 100644
--- a/src/distill-components/distill-footer-template.js
+++ b/src/distill-components/distill-footer-template.js
@@ -13,20 +13,20 @@ export const footerTemplate = `
   contain: content;
 }
 
-.logo svg {
+.footer-container .logo svg {
   width: 24px;
   position: relative;
   top: 4px;
   margin-right: 2px;
 }
 
-.logo svg path {
+.footer-container .logo svg path {
   fill: none;
   stroke: rgba(255, 255, 255, 0.8);
   stroke-width: 3px;
 }
 
-.logo {
+.footer-container .logo {
   font-size: 17px;
   font-weight: 200;
   color: rgba(255, 255, 255, 0.8);
@@ -34,16 +34,16 @@ export const footerTemplate = `
   margin-right: 6px;
 }
 
-.container {
+.footer-container {
   grid-column: text;
 }
 
-.nav {
+.footer-container .nav {
   font-size: 0.9em;
   margin-top: 1.5em;
 }
 
-.nav a {
+.footer-container .nav a {
   color: rgba(255, 255, 255, 0.8);
   margin-right: 6px;
   text-decoration: none;
@@ -51,7 +51,7 @@ export const footerTemplate = `
 
 </style>
 
-<div class='container'>
+<div class='footer-container'>
 
   <a href="/" class="logo">
     ${logo}