mercuryworkshop-mirror/dreamlandjs
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/dreamlandjs.git synced 2025-05-15 15:10:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: non-scoped css media rules

Browse source
This commit is contained in:
Toshit Chawda 2024-06-22 13:07:07 -07:00
parent 977c396067
commit ecbf0d9fbc
No known key found for this signature in database
GPG key ID: 91480ED99E2B3D9D
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/css.js
View file

@ -108,7 +108,7 @@ export function genCss(uid, str, scoped) {
styleElement.textContent = `.${uid} {${selfstr}} @scope (.${uid}) to (:not(.${uid}).${cssBoundary} *) { ${newstr} } ${extstr}`
} else {
for (const rule of styleElement.sheet.cssRules) {
const processRule = (rule) => {
if (rule.selectorText)
rule.selectorText = rule.selectorText
.split(',')
@ -123,8 +123,17 @@ export function genCss(uid, str, scoped) {
.join(', ')
newstr += rule.cssText
}
for (const rule of styleElement.sheet.cssRules) {
if (rule.media && rule.media.mediaText) {
newstr += `@media(${rule.media.mediaText}){`
Array.from(rule.cssRules).map(processRule)
newstr += '}'
} else {
processRule(rule)
}
}
styleElement.textContent = `.${uid} {${selfstr}}` + '\n' + newstr
styleElement.textContent = `.${uid} {${selfstr}}${newstr}`
}
return uid