Compare commits

...

2 Commits

Author SHA1 Message Date
Ludwig Schubert 042da68b9a 2.4.3 2019-02-18 11:43:56 -08:00
Ludwig Schubert 4adbf9dcd2 Scope footer styles to avoid leaking them in pre-rendered mode 2019-02-18 11:43:45 -08:00
3 changed files with 9 additions and 9 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "distill-template", "name": "distill-template",
"version": "2.4.2", "version": "2.4.3",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "distill-template", "name": "distill-template",
"version": "2.4.2", "version": "2.4.3",
"description": "Template for creating Distill articles.", "description": "Template for creating Distill articles.",
"main": "dist/template.v2.js", "main": "dist/template.v2.js",
"bin": { "bin": {
@@ -13,20 +13,20 @@ export const footerTemplate = `
contain: content; contain: content;
} }
.logo svg { .footer-container .logo svg {
width: 24px; width: 24px;
position: relative; position: relative;
top: 4px; top: 4px;
margin-right: 2px; margin-right: 2px;
} }
.logo svg path { .footer-container .logo svg path {
fill: none; fill: none;
stroke: rgba(255, 255, 255, 0.8); stroke: rgba(255, 255, 255, 0.8);
stroke-width: 3px; stroke-width: 3px;
} }
.logo { .footer-container .logo {
font-size: 17px; font-size: 17px;
font-weight: 200; font-weight: 200;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
@@ -34,16 +34,16 @@ export const footerTemplate = `
margin-right: 6px; margin-right: 6px;
} }
.container { .footer-container {
grid-column: text; grid-column: text;
} }
.nav { .footer-container .nav {
font-size: 0.9em; font-size: 0.9em;
margin-top: 1.5em; margin-top: 1.5em;
} }
.nav a { .footer-container .nav a {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
margin-right: 6px; margin-right: 6px;
text-decoration: none; text-decoration: none;
@@ -51,7 +51,7 @@ export const footerTemplate = `
</style> </style>
<div class='container'> <div class='footer-container'>
<a href="/" class="logo"> <a href="/" class="logo">
${logo} ${logo}