content: generateStaticURLStyleTag: use generateStyleTag

1 files changed, 20 insertions, 6 deletions

diff --git a/src/content/dependencies/generateStaticURLStyleTag.js b/src/content/dependencies/generateStaticURLStyleTag.js
index 276b0e34..b927e5d6 100644
--- a/src/content/dependencies/generateStaticURLStyleTag.js
+++ b/src/content/dependencies/generateStaticURLStyleTag.js
@@ -1,9 +1,23 @@
 export default {
-  extraDependencies: ['html', 'to'],
+  contentDependencies: ['generateStyleTag'],
+  extraDependencies: ['to'],
 
-  generate: ({html, to}) =>
-    html.tag('style', {class: 'static-url-style'},
-      `.image-media-link::after {\n` +
-      `    mask-image: url("${to('staticMisc.path', 'image.svg')}");\n` +
-      `}`),
+  relations: (relation) => ({
+    styleTag:
+      relation('generateStyleTag'),
+  }),
+
+  generate: (relations, {to}) =>
+    relations.styleTag.slots({
+      attributes: {class: 'static-url-style'},
+
+      rules: [
+        {
+          select: '.image-media-link::after',
+          declare: [
+            `mask-image: url("${to('staticMisc.path', 'image.svg')}");`
+          ],
+        },
+      ],
+    }),
 };