themes/default/layouts/_default/home.archives: Pull out time line

1 files changed, 55 insertions, 0 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 12d978d..52f2de1 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -2017,6 +2017,58 @@ item-list a:focus span:last-child {
   color: inherit;
 }
 
+time-line h1 {
+  padding: 1rem;
+}
+
+time-line ul {
+  padding: 0 0.5rem;
+}
+
+time-line li:hover {
+  background-color: #eee;
+  background-color: var(--hover-background);
+}
+
+time-line li a {
+  position: relative;
+  border-left: 1px solid;
+  border-color: #ccc;
+  border-color: var(--border-darker);
+  padding: 0.5rem;
+  display: flex;
+  text-decoration: none;
+}
+
+time-line li a:before {
+  position: absolute;
+  background-color: #0149bc;
+  background-color: var(--link);
+  border-radius: 100%;
+  content: "";
+  height: 0.85rem;
+  width: 0.85rem;
+  top: 0.9rem;
+  left: -0.425rem;
+}
+
+time-line a:focus time,
+time-line a:focus section p {
+  color: inherit;
+}
+
+time-line time,
+time-line section p {
+  color: #444;
+  color: var(--fade);
+}
+
+time-line time {
+  text-transform: uppercase;
+  white-space: nowrap;
+  margin: 0 1rem;
+}
+
 tag-deck {
   display: flex;
   flex-wrap: wrap;
@@ -2376,6 +2428,9 @@ nav[hidden] {
   micro-author micro-header > * {
     white-space: normal;
   }
+  time-line ul {
+    padding: 0 2rem;
+  }
 }
 
 @media screen and (max-width: 1080px) {