<pre><code class="
html"
><br/><span class="
hl-8"
><
</span><span class="
hl-9"
>script
</span><span class="
hl-10"
> </span><span class="
hl-11"
>type
</span><span class="
hl-10"
>=
</span><span class="
hl-12"
>"module"
</span><span class="
hl-8"
>>
</span><br/><br/><span class="
hl-10"
> </span><span class="
hl-3"
>import
</span><span class="
hl-10"
> {
</span><span class="
hl-4"
>transform
</span><span class="
hl-10"
>}
</span><span class="
hl-3"
>from
</span><span class="
hl-10"
> </span><span class="
hl-2"
>'https://esm.sh/@tbela99/
[email protected]/web'
</span><span class="
hl-10"
>;
</span><br/><br/><br/><span class="
hl-10"
> </span><span class="
hl-6"
>const
</span><span class="
hl-10"
> </span><span class="
hl-7"
>css
</span><span class="
hl-10"
> </span><span class="
hl-1"
>=
</span><span class="
hl-10"
> </span><span class="
hl-2"
>`
</span><br/><span class="
hl-2"
> .s {
</span><br/><br/><span class="
hl-2"
> background: color-mix(in hsl, color(display-p3 0 1 0) 80%, yellow);
</span><br/><span class="
hl-2"
>}
</span><br/><span class="
hl-2"
> `
</span><span class="
hl-10"
>;
</span><br/><br/><span class="
hl-10"
> </span><span class="
hl-4"
>console
</span><span class="
hl-10"
>.
</span><span class="
hl-0"
>debug
</span><span class="
hl-10"
>(
</span><span class="
hl-3"
>await
</span><span class="
hl-10"
> </span><span class="
hl-0"
>transform
</span><span class="
hl-10"
>(
</span><span class="
hl-4"
>css
</span><span class="
hl-10"
>).
</span><span class="
hl-0"
>then
</span><span class="
hl-10"
>(
</span><span class="
hl-4"
>r
</span><span class="
hl-10"
> </span><span class="
hl-6"
>=>
</span><span class="
hl-10"
> </span><span class="
hl-4"
>r
</span><span class="
hl-10"
>.
</span><span class="
hl-4"
>code
</span><span class="
hl-10"
>));
</span><br/><br/><span class="
hl-8"
></
</span><span class="
hl-9"
>script
</span><span class="
hl-8"
>>
</span>
0 commit comments