themes/default/layouts/_default/taxonomy: Clean up

Arrange in cards

1 files changed, 49 insertions, 9 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index d17111f..f688eaf 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -952,6 +952,7 @@ micro-thumbnail figure > a {
   display: block;
 }
 
+tag-card figure img,
 micro-thumbnail figure img {
   border-radius: 100%;
   min-width: 3.5rem;
@@ -1528,11 +1529,6 @@ web-ring {
   top: 1rem;
 }
 
-micro-metadata-anchored a:hover,
-web-ring a[href^="http"]:hover {
-  text-decoration: underline;
-}
-
 web-ring header {
   font-weight: 700;
 }
@@ -1581,10 +1577,6 @@ web-ring aside {
   padding: 1rem;
 }
 
-column-right aside a {
-  text-decoration: none;
-}
-
 author-list aside {
   display: block;
 }
@@ -1762,6 +1754,42 @@ item-list a:focus span:last-child {
   color: inherit;
 }
 
+tag-deck {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0.5rem 0;
+  justify-content: space-between;
+}
+
+tag-card {
+  border: 1px solid;
+  border-color: #eee;
+  border-color: var(--border-lighter);
+  border-radius: 0.5rem;
+  box-shadow: 0 0 1rem -0.85rem #00000060;
+  box-shadow: 0 0 1rem -0.85rem var(--shadow);
+  display: block;
+  padding: 2rem;
+  text-align: center;
+  width: 49%;
+  margin: 1% 0;
+}
+
+tag-card h2 {
+  margin: 0 0 0.5rem 0;
+}
+
+tag-card img {
+  margin: 0 auto;
+}
+
+tag-card time {
+  color: #444;
+  color: var(--fade);
+  display: block;
+  margin-bottom: 0.5rem;
+}
+
 source-files footer {
   padding: 0 1rem;
 }
@@ -1953,6 +1981,11 @@ link-card article a {
   text-decoration: none;
 }
 
+[data-hover]:hover {
+  color: inherit;
+  text-decoration: underline;
+}
+
 [draft] {
   background-color: #fff5f5;
   background-color: var(--danger-background-lighter);
@@ -2043,6 +2076,9 @@ link-card article a {
   column-middle main > nav icon-navigator[hidden] {
     display: inline;
   }
+  tag-deck {
+    margin: 0.5rem 0.75rem;
+  }
 }
 
 @media screen and (max-width: 925px) {
@@ -2116,6 +2152,10 @@ link-card article a {
   micro-summary article {
     margin-left: 0;
   }
+  tag-card {
+    width: 100%;
+    margin: 0.5rem;
+  }
 }
 
 /* ----- Self Frames ----- */