From 5ee821e53b683e8375e771dd7c6bfb219b2c573a Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Thu, 20 Mar 2025 18:06:46 -0300 Subject: css: image-media-link picture icon --- src/static/css/site.css | 18 ++++++++++++++++++ src/static/misc/image.svg | 11 +++++++++++ 2 files changed, 29 insertions(+) create mode 100644 src/static/misc/image.svg (limited to 'src') 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; } diff --git a/src/static/misc/image.svg b/src/static/misc/image.svg new file mode 100644 index 00000000..a251b373 --- /dev/null +++ b/src/static/misc/image.svg @@ -0,0 +1,11 @@ + + + + + -- cgit 1.3.0-6-gf8a5