Sharpening My Prev/Next Arrows
by Mike Levin
Sunday, May 01, 2022It turned out that what was āmost brokenā in my opinion was the formatting of the previous/next arrows. I put so much effort into just having them at all over the past day that itād be silly to stop before I tweaked them to an acceptable point. Youāre probably looking at them now. Makes you want to click them, doesnāt it? Well, hereās the secret sauce.
Hereās the style.scss
---
---
@import 'jekyll-theme-hacker';
.spacer {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.post-nav {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.post-nav-prev {
text-align: left;
}
.post-nav-next {
text-align: right;
}
And hereās the post.html. I use a very old-school non-breaking-space trick here, but it works super-well. Thereās some flexbox wrangling here and its flex sub-command Iām still getting a handle on. I may make it more elegant in the future, but the way it displays certainly looks elegant.
And of course the other tired old trick of yet-another-div because padding or whatever doesnāt work correctly on the inner one.
ā¦opps, apparently I canāt show you that until I learn about neutralizing and escaping Jekyll blog post Liquid directives better.
Oh, and the reason vim is better than emacs is because