css: image-media-link picture icon

1 files changed, 18 insertions, 0 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index a864a25b..1b490ae8 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -904,6 +904,24 @@ a:not([href]):hover {
   color: white;
 }
 
+.image-media-link::after {
+  content: '';
+  display: inline-block;
+  width: 22px;
+  height: 1em;
+
+  background-color: var(--primary-color);
+
+  mask-image: url(/static-4p1/misc/image.svg);
+  mask-repeat: no-repeat;
+  mask-position: calc(100% - 2px);
+  vertical-align: text-bottom;
+}
+
+.image-media-link:hover::after {
+  background-color: white;
+}
+
 .nav-link {
   display: inline-block;
 }