2.4.3

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "distill-template",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "distill-template",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "Template for creating Distill articles.",
   "main": "dist/template.v2.js",
   "bin": {

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}