diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
index dff6afb..f907d4e 100644
--- a/src/_includes/posts.njk
+++ b/src/_includes/posts.njk
@@ -10,5 +10,5 @@
{% endblock %}
{% block sidebar %}
-← Home
+Go Back Home
{% endblock %}
diff --git a/src/assets/style.scss b/src/assets/style.scss
index a95f04f..e1331dc 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -9,6 +9,10 @@ $highlight: #ff005f;
$highlight-1: #ff005f11;
$highlight-2: #ff005f22;
+$reduced: #888;
+$reduced-1: #88888811;
+$reduced-2: #88888822;
+
@import 'ibm-plex/css/ibm-plex.scss';
*, *:before, *:after {
@@ -38,13 +42,13 @@ h1, h2, h3, h4, h5, h6 {
h1 {
color: #222;
font-size: 24px;
- line-height: 24px;
+ line-height: 32px;
padding: 0 0 32px;
}
h2 {
font-size: 20px;
- line-height: 16px;
+ line-height: 24px;
padding: 0 0 24px;
}
@@ -173,6 +177,7 @@ footer {
grid-area: footer;
padding-top: 48px;
border-top: 1px dotted #aaa;
+ color: $reduced;
}
@media screen and (max-width: 768px) {
@@ -228,16 +233,19 @@ footer {
article { display: none; }
}
-footer,
-.posts aside {
- color: #888;
-
+footer {
a {
color: inherit;
- border-bottom: 1px dotted #888;
+ border-bottom: 1px dotted currentColor;
&:hover {
- background: #88888822;
+ background: $reduced-2;
}
}
}
+
+.post-list {
+ time {
+ color: $reduced;
+ }
+}
diff --git a/src/index.njk b/src/index.njk
index 5a9fa5c..1e89deb 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -3,10 +3,10 @@
{% block sidebar %}