diff options
-rw-r--r-- | src/content/dependencies/generateStaticURLStyleTag.js | 26 |
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')}");` + ], + }, + ], + }), }; |