Change the style of the last update time

README.md

@@ -93,9 +93,12 @@ paginate = 5
 
   # set a custom favicon (default is a `themeColor` square)
   # favicon = "favicon.ico"
+
   # set post to show the last updated
   # If you use git, you can set `enableGitInfo` to `true` and then post will automatically get the last updated
   showLastUpdated = false
+  # Provide a string as a prefix for the last update date. By default, it looks like this: 2020-xx-xx [Updated: 2020-xx-xx] :: Author
+  # updatedDatePrefix = "Updated"
 
   # set all headings to their default size (depending on browser settings)
   # it's set to `true` by default

layouts/_default/single.html

@@ -3,9 +3,9 @@
   <h1 class="post-title">
     <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
   <div class="post-meta">
-      {{ if .Params.Date }}
+    {{ if .Params.Date }}
     <span class="post-date">
-      {{ .Date.Format "2006-01-02" }}
+      {{ .Date.Format "2006-01-02" }} {{ if $.Site.Params.showLastUpdated }}[{{or $.Site.Params.updatedDatePrefix "Updated"}}: {{ .Lastmod.Format "2006-01-02" }}]{{ end }}
     </span>
     {{ end }}
     {{ with .Params.Author }}
@@ -34,11 +34,6 @@
       </div>
     {{- end -}}
   </div>
-  {{ if $.Site.Params.showLastUpdated }}
-  <div class="post-lastmod">
-    Last Updated :: {{ .Lastmod.Format "2006-01-02" }}
-  </div>
-  {{ end }}
   {{ if or .NextInSection .PrevInSection }}
   <div class="pagination">
     <div class="pagination__title">

source/css/post.css

@@ -22,26 +22,6 @@
     color: color-mod(var(--accent) a(70%));
   }
 
-  &-lastmod {
-    --border: 3px dotted var(--accent);
-    position: relative;
-    margin: 30px 0 0;
-    padding-top: 15px;
-    padding-bottom: 15px;
-    border-top: var(--border);
-    color: color-mod(var(--accent) a(70%));
-    text-align: right;
-
-    &::after {
-      content: "";
-      position: absolute;
-      top: 2px;
-      display: block;
-      width: 100%;
-      border-top: var(--border);
-    }
-  }
-
   &-title {
     --border: 3px dotted var(--accent);
     position: relative;