Merge pull request #95 from EvgenyOrekhov/update

- Make page min-height to be 100% and make footer be at the bottom
- Use default cursor for non-link list items in `<nav>`
- Use link colors for `<code>` links

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;

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 */

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);