@nu-art/ts-styles 0.203.83 → 0.203.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/ts-styles",
-  "version": "0.203.83",
+  "version": "0.203.85",
   "author": "nu-art",
   "description": "Styles by Cipher",
   "main": "dist/index.js",
@@ -13,7 +13,7 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@nu-art/ts-common": "0.203.83",
+    "@nu-art/ts-common": "0.203.85",
     "react": "^18.2.0"
   },
   "devDependencies": {

package/styles/index.scss

@@ -1,3 +1,4 @@
+@forward "mixin";
 @forward "colors";
 @forward "palette";
 @forward "scroll-bar";

package/styles/mixin/grid.scss

@@ -0,0 +1,33 @@
+@mixin grid-borders($axisCount, $direction:'row') {
+  @if $direction == 'column' {
+    //Setting border right for every child not on the right most column
+    @for $i from 1 to $axisCount {
+      & > *:nth-child(#{$axisCount}n+#{$i}) {
+        border-right: 1px solid black;
+      }
+    }
+  } @else if $direction == 'row' {
+    //Setting border left for every child not on the left most column
+    @for $i from 1 through $axisCount {
+      & > *:nth-child(#{$axisCount}n+#{$i}):not(:nth-child(#{$i})) {
+        border-left: 1px solid black;
+      }
+    }
+  }
+
+
+  //Setting border top for every child not on the first row
+  @if $direction == 'column' {
+    @for $i from 1 through $axisCount {
+      & > *:nth-child(#{$axisCount}n+#{$i}):not(:nth-child(#{$i})) {
+        border-top: 1px solid black;
+      }
+    }
+  } @else if $direction == 'row' {
+    @for $i from 2 through $axisCount {
+      & > *:nth-child(#{$axisCount}n+#{$i}) {
+        border-top: 1px solid black;
+      }
+    }
+  }
+}

package/styles/mixin/index.scss

@@ -0,0 +1 @@
+@forward "grid";