Fix overlarge padding-bottom in Ananke theme
This commit is contained in:
parent
6ce50d9fdf
commit
9fbb001416
2
blog/layouts/partials/head-additions.html
Normal file
2
blog/layouts/partials/head-additions.html
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
<!-- https://stackoverflow.com/a/70385342/1040915 -->
|
||||||
|
<script src="js/custom.js" defer></script>
|
18
blog/static/js/custom.js
Normal file
18
blog/static/js/custom.js
Normal file
@ -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…
x
Reference in New Issue
Block a user