Re: [bp-i18n-specdev] Fix stylesheet linking (#108)

The way this is done in the lreq pages is as follows:

[1] Add this to the js configuration.

````
postProcess: [
  async function importStyleSheet() { 
   const elems = document.querySelectorAll(`link[rel='stylesheet'][data-import]`)
   await Promise.all(
    [...elems].map(async link => {
     const text = await fetch(link.href).then(r => r.text())
     const style = document.createElement("style")
     style.textContent = text
     link.replaceWith(style)
     })
    )
   }
  ],
````

[2] add the following to the head element:

````
<link rel="stylesheet" data-import href="https://w3c.github.io/i18n-drafts/style/respec_2022.css">
````

I tried it with a Netlify link that @xfq provided, but it didn't include the styles in respec_2022.css, as far as i can tell.
 

-- 
GitHub Notification of comment by r12a
Please view or discuss this issue at https://github.com/w3c/bp-i18n-specdev/issues/108#issuecomment-1640488276 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 18 July 2023 15:47:43 UTC