diff options
author | Egor Tensin <Egor.Tensin@gmail.com> | 2022-03-22 19:40:45 +0300 |
---|---|---|
committer | Egor Tensin <Egor.Tensin@gmail.com> | 2022-03-22 19:50:51 +0300 |
commit | c962bbcf28a00b0de1498d6c7af7247c280bcbb6 (patch) | |
tree | 14a7842c275fed693c13fe82ac5580920f45567f /assets/css | |
parent | footer: clean up whitespace in the include (diff) | |
download | jekyll-theme-c962bbcf28a00b0de1498d6c7af7247c280bcbb6.tar.gz jekyll-theme-c962bbcf28a00b0de1498d6c7af7247c280bcbb6.zip |
footer: switch implementation to flexbox
God, this is better.
Diffstat (limited to '')
-rw-r--r-- | assets/css/jekyll-theme/fix_bootstrap.css | 10 | ||||
-rw-r--r-- | assets/css/jekyll-theme/footer.css | 24 |
2 files changed, 10 insertions, 24 deletions
diff --git a/assets/css/jekyll-theme/fix_bootstrap.css b/assets/css/jekyll-theme/fix_bootstrap.css index 03100b3..e6a0d4a 100644 --- a/assets/css/jekyll-theme/fix_bootstrap.css +++ b/assets/css/jekyll-theme/fix_bootstrap.css @@ -41,3 +41,13 @@ pre code { .list-group-item-heading:last-child { margin-bottom: 0; } +/* + * <pre> elements lose horizontal scrollbars on narrow displays (< 768px). + * Why? I don't know, but this guy does: https://stackoverflow.com/a/35423965/514684 + */ +.container { + max-width: 100%; +} +pre { + position: relative; +} diff --git a/assets/css/jekyll-theme/footer.css b/assets/css/jekyll-theme/footer.css index 1e05c57..4f14c0e 100644 --- a/assets/css/jekyll-theme/footer.css +++ b/assets/css/jekyll-theme/footer.css @@ -1,27 +1,3 @@ -html, body { - height: 100%; - width: 100%; -} -.top-level-footer-wrapper { - height: 100%; - width: 100%; - display: table; - - /* - * Without this property, scrollbars inside <pre> elements don't work if - * display's width is less than 750px. - * God, I hate CSS. - */ - table-layout: fixed; -} -.footer-wrapper-collapse { - display: table-row; - height: 1px; -} -.footer-wrapper-expand { - display: table-row; - height: auto; -} footer { margin-top: 20px; padding: 15px 0 15px; |