Skip to content
Snippets Groups Projects
Commit d85b9b54 authored by RANWEZ Pierre's avatar RANWEZ Pierre :anchor:
Browse files

:bug: bug: pseudo element

parent c615bf23
No related branches found
No related tags found
1 merge request!1✨ feat: CSSLSD V2
...@@ -155,10 +155,15 @@ function midiEvent(type, data) { ...@@ -155,10 +155,15 @@ function midiEvent(type, data) {
} }
}); });
if (eventIn) { if (eventIn) {
let els = document.querySelectorAll(element.element); if (element.pseudo) {
els.forEach(e => { root.style.setProperty("--pseudo-" + element.element.replaceAll(':', '') + '-' + element.property, value);
e.style[element.property] = value; }
}); else {
let els = document.querySelectorAll(element.element);
els.forEach(e => {
e.style[element.property] = value;
});
}
} }
}); });
}); });
...@@ -466,10 +471,15 @@ function audioEvent() { ...@@ -466,10 +471,15 @@ function audioEvent() {
} }
}); });
if (eventIn) { if (eventIn) {
let els = document.querySelectorAll(element.element); if (element.pseudo) {
els.forEach(e => { root.style.setProperty("--pseudo-" + element.element.replaceAll(':', '') + '-' + element.property, value);
e.style[element.property] = value; }
}); else {
let els = document.querySelectorAll(element.element);
els.forEach(e => {
e.style[element.property] = value;
});
}
} }
}); });
} }
...@@ -489,12 +499,24 @@ function pureCss() { ...@@ -489,12 +499,24 @@ function pureCss() {
} }
result.all.forEach(element => { result.all.forEach(element => {
element.templates.forEach(template => { element.templates.forEach(template => {
if (template.type == 'pure') { if (template.type == 'pure' || element.pseudo) {
if (element.element.includes(':after') || element.element.includes(':before')) { if (element.element.includes(':after') || element.element.includes(':before')) {
var elemDiv = document.createElement('style'); if (template.type != 'pure') {
elemDiv.innerText = element.element + '{' + element.property + ':' + element.value + ';}'; var elemDiv = document.createElement('style');
elemDiv.className = 'CSSLSD'; elemDiv.innerText = ':root { --pseudo-' + element.element.replaceAll(':', '') + '-' + element.property + ' : "";}';
document.body.appendChild(elemDiv); elemDiv.className = 'CSSLSD';
document.body.appendChild(elemDiv);
var elemDiv = document.createElement('style');
elemDiv.innerText = element.element + '{' + element.property + ': var(--pseudo-' + element.element.replaceAll(':', '') + '-' + element.property + ');}';
elemDiv.className = 'CSSLSD';
document.body.appendChild(elemDiv);
}
else {
var elemDiv = document.createElement('style');
elemDiv.innerText = element.element + '{' + element.property + ':' + element.value + ';}';
elemDiv.className = 'CSSLSD';
document.body.appendChild(elemDiv);
}
} }
else { else {
let els = document.querySelectorAll(element.element); let els = document.querySelectorAll(element.element);
......
...@@ -199,7 +199,7 @@ function analyseAll() { ...@@ -199,7 +199,7 @@ function analyseAll() {
var sheet = parser.parse(result.css, false, false); var sheet = parser.parse(result.css, false, false);
if (sheet !== null && sheet.cssRules.length > 0) { if (sheet !== null && sheet.cssRules.length > 0) {
sheet.cssRules.forEach(element => { sheet.cssRules.forEach(element => {
if (element.declarations.length > 0) { if (element !== null && element.declarations.length > 0) {
element.declarations.forEach(css => { element.declarations.forEach(css => {
var templates = []; var templates = [];
cssValue = css.valueText; cssValue = css.valueText;
...@@ -314,6 +314,7 @@ function analyseAll() { ...@@ -314,6 +314,7 @@ function analyseAll() {
} }
all.push({ all.push({
element: element.mSelectorText, element: element.mSelectorText,
pseudo: (element.mSelectorText.includes(':') ? true : false),
property: css.property, property: css.property,
value: css.valueText, value: css.valueText,
templates: templates templates: templates
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment