diff --git a/src/css/mobile.css b/src/css/mobile.css index 7a87734..97e2140 100644 --- a/src/css/mobile.css +++ b/src/css/mobile.css @@ -2,11 +2,24 @@ --max-body-width: 48rem; } +html { + height: 100%; +} + body { - margin: 0 auto 0.5rem; + margin: 0 auto; width: calc(100% - 1rem); max-width: var(--max-body-width); overflow-wrap: break-word; + display: flex; + flex-direction: column; + + /* `- 2px` is a hack for getting rid of vertical scroll */ + min-height: calc(100% - 2px); +} + +main { + flex-grow: 1; } img { @@ -207,6 +220,10 @@ body > footer { text-align: center; } +body > footer { + padding-bottom: 1rem; +} + td, th { padding: 0.5rem; diff --git a/src/css/nav.css b/src/css/nav.css index ec636c6..c7371ee 100644 --- a/src/css/nav.css +++ b/src/css/nav.css @@ -72,8 +72,8 @@ } /* stylelint-disable-next-line selector-max-universal */ - nav li > *:not(ul):not(:only-child) { - cursor: pointer; + nav li > *:not(ul):not(a):not(:only-child) { + cursor: default; } /* stylelint-disable-next-line selector-max-universal */ diff --git a/src/css/themes/bulma.css b/src/css/themes/bulma.css index 1a75439..2f80b41 100644 --- a/src/css/themes/bulma.css +++ b/src/css/themes/bulma.css @@ -53,20 +53,30 @@ body { color: var(--text-color); } -a { +code { + background-color: var(--code-background-color); + border-color: var(--code-background-color); + color: var(--code-text-color); +} + +a, +a code { color: var(--link-color); text-decoration: none; } -a:visited { +a:visited, +a:visited code { color: var(--link-visited-color); } -a:hover { +a:hover, +a:hover code { color: var(--link-hover-color); } -a:active { +a:active, +a:active code { color: var(--link-active-color); } @@ -183,12 +193,6 @@ tfoot > tr:nth-child(even) { background-color: var(--highlighted-background-color); } -code { - background-color: var(--code-background-color); - border-color: var(--code-background-color); - color: var(--code-text-color); -} - kbd { background-color: var(--highlighted-background-color); border: var(--border-width) solid var(--border-hover-color);