post-self/post-self.ink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

collapse cycle books on mobile

Browse Source
This commit is contained in:
Madison Scott-Clary
2023-01-02 19:16:37 -08:00
parent 896d9b61c5
commit 974f0b83b9
2 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
layouts/partials/nav.html
View File

@ -1,11 +1,12 @@
<nav>
<ul>
<ul class="nav-desktop">
<li><a href="https://qoheleth.post-self.ink" target="_blank"><em>Qoheleth</em></a></li>
<li><a href="https://toledot.post-self.ink" target="_blank"><em>Toledot</em></a></li>
<li><a href="https://neviim.post-self.ink" target="_blank"><em>Nevi'im</em></a></li>
<li><a href="https://mitzvot.post-self.ink" target="_blank"><em>Mitzvot</em></a></li>
</ul>
<ul>
<li class="nav-mobile"><a href="/cycle"><em>The Post-Self Cycle</em></a></li>
<li><a href="https://clade.post-self.ink"><em>Clade</em></a></li>
<li><a href="/extras">Extras</a></li>
<li><a href="/about">About</a></li>

18
static/css/toledot.css
View File

@ -30,3 +30,21 @@ ul {
list-style-type: revert;
padding-left: 2rem;
}
.nav-desktop {
display: block;
}
.nav-mobile {
display: none;
}
@media (max-device-width: 450px) {
.nav-desktop {
display: none;
}
.nav-mobile {
display: inline-block;
}
nav ul li {
padding-bottom: 0.5rem !important;
}
}