Fix overlarge padding-bottom in Ananke theme

attemptAtTagsRenovation
Jack Jackson 2 years ago
parent 6ce50d9fdf
commit 9fbb001416
  1. 2
      blog/layouts/partials/head-additions.html
  2. 18
      blog/static/js/custom.js

@ -0,0 +1,2 @@
<!-- https://stackoverflow.com/a/70385342/1040915 -->
<script src="js/custom.js" defer></script>

@ -0,0 +1,18 @@
// https://stackoverflow.com/a/70385342/1040915
tweakBottomPadding();
function tweakBottomPadding() {
// The Ananke theme hard-codes `pb7` Tachyon (http://tachyons.io/) class (https://bit.ly/3myqBFy),
// leading to `padding-bottom: 16rem` which is (IMO) much too large.
// I could instead have overridden the `_default/baseof` layout, but I prefer to make small
// overrides rather than fork at a static version.
var main = document.getElementsByTagName('main')[0];
// https://stackoverflow.com/a/16337545/1040915
// I wish all IE8 users a very Not Fucking Working Internet.
if (main.classList.contains('pb7')) {
main.classList.add('pb5');
main.classList.remove('pb7');
} else {
console.log('`main` element does not have pb7 class - not replacing it')
}
}
Loading…
Cancel
Save