From 8ad1dd2849cfe43c842f3cba5a70c73e7edf47da Mon Sep 17 00:00:00 2001
From: Cyd Stumpel <info@cydstumpel.nl>
Date: Wed, 30 Oct 2024 16:35:48 +0100
Subject: [PATCH] add ds-grid function

---
 template/src/assets/scss/tools/_index.scss | 30 ++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/template/src/assets/scss/tools/_index.scss b/template/src/assets/scss/tools/_index.scss
index ff06c15..690e248 100644
--- a/template/src/assets/scss/tools/_index.scss
+++ b/template/src/assets/scss/tools/_index.scss
@@ -1,3 +1,33 @@
 @import "../color/index.scss";
 @import '../variables/index.scss';
 @import '~matise-gryd/gryd-index.scss';
+
+$design-size: 1440;
+$col: $design-size / 24;
+
+@function max-grid($value) {
+	$values: null;
+	@if length($value) > 1 {
+		@each $size in $value {
+			$v: rem((math.div($size, $design-size) * $max-size));
+			$values: $values #{$v};
+		}
+	} @else {
+		$values: rem((math.div($value, $design-size) * $max-size));
+	}
+	@return $values;
+}
+
+// Design size grid
+@function ds-grid($design-px) {
+  $values: null;
+	@if length($design-px) > 1 {
+		@each $size in $design-px {
+			$v: grid(math.div($size, $col));
+			$values: $values #{$v};
+		}
+	} @else {
+		$values: grid(math.div($design-px, $col));
+	}
+	@return $values;
+} 
\ No newline at end of file