Comparing version 0.1.11 to 0.1.12
{ | ||
"name": "nscss", | ||
"version": "0.1.11", | ||
"version": "0.1.12", | ||
"description": "CSS for Components", | ||
@@ -8,3 +8,3 @@ "main": "dist/src/nscss.js", | ||
"scripts": { | ||
"build": "tsc", | ||
"build": "rimraf ./dist && tsc", | ||
"test": ".", | ||
@@ -27,7 +27,2 @@ "prepublish": "npm run build", | ||
"@types/react-dom": "15.5.0", | ||
"react": "^15.5.4", | ||
"react-dom": "^15.5.4", | ||
"prop-types": "^15.5.10", | ||
"preact": "8.1.0", | ||
"preact-compat": "3.16.0", | ||
"chai": "3.5.0", | ||
@@ -39,9 +34,15 @@ "css-loader": "0.28.1", | ||
"mocha-loader": "1.1.1", | ||
"preact": "8.1.0", | ||
"preact-compat": "3.16.0", | ||
"prop-types": "^15.5.10", | ||
"react": "^15.5.4", | ||
"react-dom": "^15.5.4", | ||
"rimraf": "^2.6.1", | ||
"style-loader": "0.17.0", | ||
"stylis": "3.0.4", | ||
"ts-loader": "2.1.0", | ||
"tslint": "5.3.2", | ||
"typescript": "2.3.2", | ||
"webpack": "1.14.0", | ||
"webpack-dev-server": "1.16.2", | ||
"stylis": "3.0.4", | ||
"typescript": "2.3.2" | ||
"webpack-dev-server": "1.16.2" | ||
}, | ||
@@ -48,0 +49,0 @@ "license": "MIT", |
@@ -55,3 +55,3 @@ # NSCSS - CSS for Components | ||
``` | ||
Usage: | ||
```tsx | ||
@@ -70,3 +70,3 @@ import * as React from "react"; | ||
"@define": { | ||
Hello: NSStateless.root() | ||
Hello: NSStateless.root('div', ["floating"]) | ||
}, | ||
@@ -82,3 +82,3 @@ ".Hello": { | ||
// NSComponent wraps react component | ||
const App = NSComponent(class extends React.Component<any, any>{ | ||
const App = NSComponent(class extends React.Component { | ||
render(){ | ||
@@ -100,6 +100,9 @@ return <div className="App"> | ||
".MyHello": { | ||
background: "{{BGColor}}" | ||
background: "{{lightColor}}" | ||
}, | ||
".MyHello:floating": { | ||
fontSize: "3em" | ||
}, | ||
".MyHello::World": { | ||
color: "{{TextColor}}" | ||
color: "{{darkColor}}" | ||
} | ||
@@ -110,4 +113,4 @@ }); | ||
Stylesheet.context.attach({ | ||
BGColor: "red", | ||
TextColor: "green" | ||
lightColor: "red", | ||
darkColor: "green" | ||
}); | ||
@@ -121,4 +124,2 @@ | ||
## Basic Concepts | ||
@@ -522,7 +523,7 @@ | ||
/*mixin multiple mixins*/ | ||
-ns-mixin: shitmix("Yoo!!"), beatmix("Yoo!!"); | ||
-ns-mixin: mixinA("Yoo!!"), mixinB("Yoo!!"); | ||
/* mixin short hand */ | ||
-ns-mixin-gridmix: 1, 2, 3; | ||
-ns-mixin-mixinC: 1, 2, 3; | ||
/* mixin long hand */ | ||
-ns-mixin-gridmix-gutter: 1; | ||
-ns-mixin-mixinC-param: 1; | ||
color: green; | ||
@@ -529,0 +530,0 @@ } |
@@ -12,5 +12,7 @@ { | ||
"strict": true, | ||
"pretty":true | ||
"pretty":true, | ||
"declaration": true | ||
}, | ||
"exclude": [ | ||
"./react.d.ts", | ||
"src/nscss-old-experiments", | ||
@@ -17,0 +19,0 @@ "node_modules", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
82414
30
1622
569
24