Comparing version 0.1.8 to 0.1.9
{ | ||
"name": "nscss", | ||
"version": "0.1.8", | ||
"version": "0.1.9", | ||
"description": "CSS for Components", | ||
@@ -5,0 +5,0 @@ "main": "dist/src/nscss.js", |
@@ -64,6 +64,14 @@ # NSCSS - CSS for Components | ||
const HelloWorld = NSStateless(()=>{ | ||
return <div className="Hello">Hello World</div> | ||
return <div className="Hello"> | ||
<span className="World">Hello World</span> | ||
</div> | ||
}, { | ||
"@define": { | ||
Hello: NSStateless.root() | ||
}, | ||
".Hello": { | ||
color: "green" | ||
background: "green" | ||
}, | ||
".World": { | ||
color: "yellow" | ||
} | ||
@@ -81,2 +89,6 @@ }); | ||
}, { | ||
"@define": { | ||
App: NSComponent.root(), | ||
MyHello: NSComponent.scoped(HelloWorld) | ||
}, | ||
".App": { | ||
@@ -86,3 +98,6 @@ backgroundColor: "blue" | ||
".MyHello": { | ||
color: "{{myColor}}" | ||
background: "{{BGColor}}" | ||
}, | ||
".MyHello::World": { | ||
color: "{{TextColor}}" | ||
} | ||
@@ -93,3 +108,4 @@ }); | ||
Stylesheet.context.attach({ | ||
myColor: "red" | ||
BGColor: "red", | ||
TextColor: "green" | ||
}); | ||
@@ -96,0 +112,0 @@ |
44984
491