Tidy up some css

Author: Hoverbear

sass/main.scss

@@ -148,23 +148,21 @@ main {
   display: flex;
   flex-direction: column;
   align-content: center;
-  padding: 2vh 0;
   background-color: var(--color-background);
-  & article, & {
-    & > div, & > section, & > p, & > h1,
-    & > h2, & > h3, & > h4, & > h5, & > h6, & > blockquote,
-    & > table,
-    & > ul,
-    & > ol,
-    & > nav {
-      padding-left: var(--margins);
-      padding-right: var(--margins);
-    }
-    & > ul > li > pre,
-    & > ol > li > pre {
-      margin-left: calc(var(--margins) * -1 - 1rem) !important;
-      margin-right: calc(var(--margins) * -1) !important;
-    }
+}
+
+*:is(article, section, nav, div.excerpt) {
+  &::before {
+    padding-left: var(--margins);
+    padding-right: var(--margins);
+  }
+  & > *:is(p, h1, h2, h3, h4, h5, h6, blockquote, table, ul, ol, div.section-meta, div.post-meta) {
+    padding-left: var(--margins);
+    padding-right: var(--margins);
+  }
+  & > *:is(ul, ol) > li > pre {
+    margin-left: calc(var(--margins) * -1 - 1rem) !important;
+    margin-right: calc(var(--margins) * -1) !important;
   }
 }
 

templates/blog/list.html

@@ -1,18 +1,20 @@
 {% extends "page.html" %}
 
 {% block main %}
-{{ section.content | safe }}
-<hr>
-{% for post in section.pages | default(value=[]) %}
-{{ post::metadata(post=post) }}
-{% if loop.last != true %}
-<hr>
-{% endif %}
-{% endfor %}
-{% for subsection_path in section.subsections | default(value=[]) %}
-{{ section::metadata(path=subsection_path) }}
-{% if loop.last != true %}
-<hr>
-{% endif %}
-{% endfor %}
-{% endblock main %}
+    <article>
+        {{ section.content | safe }}
+    </article>
+    <hr>
+    {% for post in section.pages | default(value=[]) %}
+        {{ post::metadata(post=post) }}
+        {% if loop.last != true %}
+        <hr>
+        {% endif %}
+    {% endfor %}
+    {% for subsection_path in section.subsections | default(value=[]) %}
+        {{ section::metadata(path=subsection_path) }}
+        {% if loop.last != true %}
+        <hr>
+        {% endif %}
+    {% endfor %}
+    {% endblock main %}

templates/blog/single.html

@@ -1,5 +1,7 @@
 {%- extends "page.html" -%}
 
 {%- block main -%}
-{{ page.content | safe }}
+<article>
+    {{ page.content | safe }}
+</article>
 {%- endblock main -%}

templates/macros/post.html

@@ -4,10 +4,10 @@ <h2 class="post-title"><a href="{{ post.permalink }}">{{ post.title | markdown(i
 	<h5 class="description">{{ post.description | default(value="") | markdown(inline=true) | safe }}</h5>
 	<div class="excerpt">
 		{{ post.summary | safe }}
-		<a class="continue-reading" href="{{ post.permalink }}#continue-reading">Continue reading...</a>
 	</div>
-
+	
 	<div class="post-meta">
+		<a class="continue-reading" href="{{ post.permalink }}#continue-reading">Continue reading...</a>
 		{%- if post.date -%}
 		<div class="posted-on">
 			<time datetime="{{ post.date | date(format=" %Y-%m-%d %H:%M") }}">{{ post.date | date(format="%Y-%m-%d")

templates/page.html

@@ -7,7 +7,7 @@
 <main>
     {% include "partials/toc.html" %}
     {% block main %}
-    {{ page.content | safe }}
+        {{ page.content | safe }}
     {% endblock main %}
 </main>
 {% include "partials/footer.html" %}