fix: parsing classNames

CoCreate-app · May 19, 2021 · a153fdf · a153fdf
1 parent 403db83
commit a153fdf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/docs/test.html b/docs/test.html
@@ -59,7 +59,7 @@ <h1 class="color:white:dark color:yellow:light">hello how are you</h1>
         <a data-toggle="dark, light" data-toggle_target="[theme]" data-toggle_attribute="theme">Toggle Darkmode</a>
     </div>
 
-    <div class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse" className="test"></div>
+    <div class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse" className="test">hehehe</div>
     <div class="test"></div>
     <div class="test"></div>
 

diff --git a/src/index.js b/src/index.js
@@ -107,7 +107,7 @@ const getParsedCss = () => {
 const parseCSSForClassNames = () => {
     let elements = document.querySelectorAll("[className]");
     for (let ele of elements) {
-        let rule = "." + ele.getAttribute("className") + "{" + ele.getAttribute("class") + "}";
+        let rule = "." + ele.getAttribute("className") + "{" + ele.getAttribute("class").replace(/ /g, ";") + "}";
         tempStyleList.push(rule);
     }
 }