nscss - npm Package Compare versions

Comparing version 0.1.10 to 0.1.11

package.json

 {
   "name": "nscss",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "CSS for Components",
@@ -5,0 +5,0 @@ "main": "dist/src/nscss.js",

README.md

@@ -481,2 +481,78 @@ # NSCSS - CSS for Components
 
+
+## CSS Syntax proposal 
+
+```css
+
+/*************************************/
+           /*button.ns.css*/
+
+.Button {
+    /* define root class*/
+    -ns-root: true;
+    /* auto state and mapped state*/
+    -ns-states: floating, loading("[data-Button-loading]"); 
+    /* grab color from global theme */
+     color: theme(BGColor); 
+}
+
+.Icon {}
+
+/*************************************/
+
+
+
+
+
+/*************************************/
+        /*toggle-button.ns.css*/
+
+.ToggleButton {
+    -ns-root: true;
+    /* imports the root type of button */
+    -ns-type: './button'; 
+    /* extend states */
+    -ns-states: toggled, focus;
+    /*mixin multiple mixins*/
+    -ns-mixin: shitmix("Yoo!!"), beatmix("Yoo!!");  
+    /* mixin short hand */
+    -ns-mixin-gridmix: 1, 2, 3; 
+    /* mixin long hand */
+    -ns-mixin-gridmix-gutter: 1; 
+    color: green;
+}
+
+/* target inner part*/
+.ToggleButton::Icon { 
+    color: gold;
+}
+
+/* native states */
+.ToggleButton:hover { color: black }
+/* state from button */
+.ToggleButton:loading { color: black }
+.ToggleButton:floating { color: red }
+/* state from toggle button */
+.ToggleButton:toggled { color: green }
+.ToggleButton:focus { color: blue }
+
+/*************************************/
+
+
+
+
+/*************************************/
+          /*gallery.ns.css*/
+
+.Gallery {
+    -ns-root: true;
+}
+
+.GalleryToggleButton {
+    /* used on inner class */
+    -ns-type: './toggle-button';
+}
+/*************************************/
+```
+
 ### TBD
@@ -483,0 +559,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

46544

increased by3.4%

Number of lines in readme file

568

increased by15.45%

No dependency changes