~svbn/stefan.vanburen.xyz

d6272469c9caf6b2286fa65cdef385f10e258642 — Stefan VanBuren 2 years ago 816ee1d
fix: Use font-variant-numeric for blog dates

Looks better and more in-line with the style on that page.
via https://blog.jim-nielsen.com/2021/feat-new-style/#update-2021-01-23
2 files changed, 5 insertions(+), 1 deletions(-)

M assets/style.css
M layouts/_default/list.html
M assets/style.css => assets/style.css +4 -0
@@ 62,6 62,10 @@ ol, ul {
  padding: 0;
}

.nums {
  font-variant-numeric: tabular-nums;
}

a:hover {
  color: var(--background-color);
  background: var(--text-color);

M layouts/_default/list.html => layouts/_default/list.html +1 -1
@@ 4,7 4,7 @@
<ol>
  {{ range .Pages.ByDate.Reverse }}
  <li>
    <span class="mono">{{ .Date.Format "2006-01-02" }}</span> ⌁ <a href="{{.RelPermalink}}">{{ .Title }}</a>
    <span class="nums">{{ .Date.Format "2006-01-02" }}</span> ⌁ <a href="{{.RelPermalink}}">{{ .Title }}</a>
  </li>
  {{ end }}
</ol>