Simplify css

Author: derdilla

sass/_base.scss

@@ -56,13 +56,12 @@ a:visited {
 
 main+footer {
 	width: 100vw;
-	padding-top: 0.5em;
-	padding-bottom: 0.5em;
+	padding: 0.5em;
 	background: color.adjust($background, $lightness: 12%);
 }
 
 footer {
-	margin-top: 1em;
+	font-size: 12px;
 	.space {
 		width: 100%;
 		display: flex;

sass/blog.scss

@@ -1,38 +1,24 @@
 @use 'base';
 @use 'date-headers';
 
-.layout-link-button {
-  padding: 4px 4px 4px 1em;
-  width: 90%;
-  display: block;
-  /* TODO */
-}
-
 .blog {
   article {
     margin-bottom: 2em;
-    border-left-width: 3px;
+    border-radius: 1px;
     border-left-style: solid;
+    border-left-color: #3dbeff;
+    border-left-width: 2px;
     padding-left: 4px;
-  }
 
-  p {
-    margin-top: 0.2em;
-    margin-bottom: 0.2em;
-  }
-}
+    p {
+      margin-top: 0.2em;
+      margin-bottom: 0.2em;
+    }
 
-.blog>article {
-  border-left-color: #3dbeff;
-  border-radius: 1px;
+    a {
+      display: block;
+      width: 100%;
+      padding: 6px 6px 6px 1em;
+    }
+  }
 }
-
-.layout-link-button::after {
-  content: "";
-  display: inline-block;
-  vertical-align: middle;
-  width: 20px;
-  height: 20px;
-  background: url('/assets/btn-progress.svg') 1em 0 no-repeat;
-  background-size: contain;
-}

templates/base.html

@@ -25,14 +25,12 @@
   {% block content %} {% endblock %}
 
   <footer>
-    <address class="space">
-      <a href="https://derdilla.com">Homepage</a>
-      <a href="mailto:[email protected]">[email protected]</a>
-      <a href="https://github.com/derdilla">GitHub</a>
-    </address>
     <div class="space">
+      <a href="https://derdilla.com">Homepage</a>
       <a href="/rss.xml">RSS-feed</a>
+      <a href="mailto:[email protected]">[email protected]</a>
       <a href="/atom.xml">Atom-feed</a>
+      <a href="https://github.com/derdilla">GitHub</a>
     </div>
     <p><i>Except where otherwise noted, content on this site is licensed under a <a
           href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0</a> International

templates/blog.html

@@ -18,7 +18,7 @@ <h2>{{ post.title }}</h2>
         <time datetime="{{post.date }}">{{post.date}}</time>
       </header>
       <p>{{ post.description }}</p>
-      <a href="{{ post.permalink | safe }}" class="layout-link-button"><span style="padding-right: 8px">Open</span><img
+      <a href="{{ post.permalink | safe }}">Open<img
           alt="Open post" src="/assets/btn-progress.svg" width="12px"></a>
     </article>
     {% endfor %}