From ea24059bb0de208607f1d584cc09707650c5d90d Mon Sep 17 00:00:00 2001 From: Frederick Yin Date: Sat, 25 Nov 2023 16:38:20 -0500 Subject: sidebar shows up on mobile --- alabaster-lite/css/fkfd.css | 24 ++++++++++++++++++++---- alabaster-lite/sidebars/about.html | 2 -- alabaster-lite/sidebars/links.html | 26 ++++++++++++++++++++++++++ alabaster-lite/sidebars/title.html | 1 + 4 files changed, 47 insertions(+), 6 deletions(-) create mode 100644 alabaster-lite/sidebars/links.html (limited to 'alabaster-lite') diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css index aa27b35..901dcaa 100644 --- a/alabaster-lite/css/fkfd.css +++ b/alabaster-lite/css/fkfd.css @@ -135,6 +135,17 @@ div.footer a { } } +@media screen and (max-width: 870px) { + div.sphinxsidebar { + float: none; + width: 100%; + margin: 0 -20px 0; + padding: 0 20px; + background-color: transparent; + color: #ccc; + } +} + /* * Custom home page for fkfd.me * Created on 2022-12-28 @@ -150,7 +161,7 @@ div.footer a { .webring-block-container { display: grid; gap: 0px; - grid-template-columns: 120px 120px 120px; + grid-template-columns: 60px 60px 60px; } @media screen and (max-width: 870px) { @@ -171,8 +182,6 @@ div.footer a { .category-icon, .webring-icon { display: block; - width: 120px; - height: 120px; background-color: #3E4349; background-size: contain; background-repeat: no-repeat; @@ -182,7 +191,14 @@ div.footer a { -webkit-mask-repeat: no-repeat; } -@media screen and (max-width: 870px) { +.category-icon { + width: 120px; + height: 120px; +} + +.webring-icon { + width: 60px; + height: 60px; } @media (prefers-color-scheme: dark) { diff --git a/alabaster-lite/sidebars/about.html b/alabaster-lite/sidebars/about.html index ed6cb0e..0e83dc2 100644 --- a/alabaster-lite/sidebars/about.html +++ b/alabaster-lite/sidebars/about.html @@ -1,5 +1,3 @@ -

This is technically a blog.

-