themes/default/layouts/_default/rss: Punt fallback image logic to figure object hybrid

Cleanup related rules

1 files changed, 28 insertions, 32 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 80df489..5f1ed2b 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -181,7 +181,7 @@ li:target [role="doc-backlink"][href^="#fnref\:"],
   color: var(--warning) !important;
 }
 
-:hover:not(a):not(s):not(img):not(summary):not(nav):not(abbr):not(form):not(code):not(mark):not(td):not(nav):not(p):not(tab-bar) {
+:hover:not(a):not(s):not(span):not(img):not(summary):not(nav):not(abbr):not(form):not(code):not(mark):not(td):not(nav):not(p):not(object):not(tab-bar) {
   border-radius: 0.5rem;
 }
 
@@ -425,22 +425,23 @@ blockquote footer {
 }
 
 video {
+  width: 100%;
   color: #000;
   border-radius: 0.5rem;
   background-color: #000;
+  vertical-align: middle;
   box-shadow: 0 0 3px #00000060;
   box-shadow: 0 0 3px var(--shadow);
 }
 
-video:hover {
-  box-shadow: 0 0 14px #00000060;
-  box-shadow: 0 0 14px var(--shadow);
-}
-
 video[data-orientation="portrait"] {
   width: 50%;
 }
 
+video:focus {
+  filter: brightness(100%);
+}
+
 video-container {
   display: block;
   text-align: center;
@@ -531,6 +532,7 @@ main,
 details,
 summary,
 code-block,
+figure span,
 diagram-container {
   display: block;
 }
@@ -698,28 +700,24 @@ small {
   opacity: 0.85;
 }
 
-audio,
-canvas,
-iframe,
-img,
-svg,
-video {
+canvas {
   vertical-align: middle;
 }
 
-video,
 audio {
   width: 100%;
-}
-
-audio {
   margin: 0.75rem 0;
+  vertical-align: middle;
 }
 
 figure {
   text-align: center;
 }
 
+figure object {
+  pointer-events: none;
+}
+
 iframe {
   width: 1px;
   min-width: 100%;
@@ -728,6 +726,8 @@ iframe {
   background-color: #fefefe;
   border-radius: 0.5rem;
   min-height: 16rem;
+  user-select: none;
+  vertical-align: middle;
 }
 
 self-embed iframe {
@@ -735,7 +735,8 @@ self-embed iframe {
   max-height: 11rem;
 }
 
-img {
+img,
+figure object {
   height: auto;
   max-width: 100%;
   border-width: 1px;
@@ -749,32 +750,24 @@ img {
   justify-content: center;
   align-items: center;
   background-color: #fefefe;
+  user-select: none;
+  vertical-align: middle;
 }
 
-img:hover {
+img:hover,
+video:hover,
+figure span:hover {
   box-shadow: 0 0 14px #00000060;
   box-shadow: 0 0 14px var(--shadow);
-}
-
-img:hover,
-video:hover {
   filter: brightness(90%);
 }
 
-video:focus {
-  filter: brightness(100%);
-}
-
-img,
-iframe {
-  user-select: none;
-}
-
 p {
   line-height: 1.4;
 }
 
 svg {
+  vertical-align: middle;
   stroke-width: 0.08rem;
 }
 
@@ -1056,10 +1049,13 @@ micro-thumbnail figure {
 
 micro-thumbnail figure > a {
   display: block;
+  text-decoration: none;
 }
 
 tag-card figure img,
-micro-thumbnail figure img {
+micro-thumbnail figure img,
+micro-thumbnail figure span,
+micro-thumbnail figure object {
   border-radius: 100%;
   min-width: 3.5rem;
   min-height: 3.5rem;