little fixes

example/connect.js

@@ -20,9 +20,7 @@ _({find:"main"},[
         left: "50%",
         top: "50%",
         transform: "translate(-50%, -50%)",
-    }},[
-        l1()
-    ])
+    }}, l1())
 ]);
 
 export const call = async (stear, { find, resolve, render, call }, {name,id}) => {

stear/extras/loading1.js

@@ -1,14 +1,16 @@
 import { class_, Stear, _ } from "../main.js";
 
 export class loading1 extends class_{
-    constructor(){
+    constructor(color){
         super({ class: "box" }, [
-            _(), _(), _()
+            _({ style: { backgroundColor: color}}),
+            _({ style: { backgroundColor: color}}),
+            _({ style: { backgroundColor: color}}),
         ]);
     }
 }
 
-export const l1 = () => new loading1();
+export const l1 = (color="black") => new loading1(color);
 
 
 var animation = Stear.addAnimation({
@@ -35,7 +37,6 @@ Stear.addGlobalStyleJSON({
     height: "44%",
     width: "44%",
     borderRadius: "25%",
-    backgroundColor: "#000",
     animation: `${animation} 6s linear infinite`,
 }, ".box div");
 

stear/main.js

@@ -209,6 +209,6 @@ export class class_ {
         return out;
     }
 }
-export const _ = (settings = {}, childs = []) => new class_(settings,childs);
+export const _ = (settings = {}, childs = []) => new class_(settings, Array.isArray(childs) ? childs : [childs]);