Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

nscss

Package Overview
Dependencies
Maintainers
1
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nscss - npm Package Compare versions

Comparing version 0.1.11 to 0.1.12

dist/src/define-mixin.d.ts

21

package.json
{
"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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc