added: gap ".gp" class

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "960.css",
-	"version": "1.0.9",
+	"version": "1.0.10",
 	"description": "960 SCSS Layout most used and shortests css classes.",
 	"main": "960.scss",
 	"style": "css/960.css",

scss/dom/overflow.scss

@@ -0,0 +1,27 @@
+.ofh {
+	overflow: hidden;
+}
+
+.ofv {
+	overflow: visible;
+}
+
+.ofs {
+	overflow: scroll;
+}
+
+.ofsx {
+	overflow-x: visible;
+}
+
+.ofsxh {
+	overflow-x: hidden;
+}
+
+.ofsy {
+	overflow-y: visible;
+}
+
+.ofsyh {
+	overflow-y: hidden;
+}

scss/flex/flex.scss

@@ -1,5 +1,6 @@
 @use "../medias" as *;
 @use "../variables" as *;
+@use "../functions" as *;
 
 /*
     FLEX
@@ -210,3 +211,17 @@
 		@include flexBasis("xl");
 	}
 }
+
+@mixin apply-gap($class) {
+	$gap-value: extract-number($class);
+	gap: #{$gap-value}px;
+}
+
+/* add gap */
+.gp {
+	@for $i from 0 through 50 {
+		&\[#{$i}\] {
+			@include apply-gap("gp[#{$i}]");
+		}
+	}
+}

scss/functions.scss

@@ -0,0 +1,11 @@
+@use "sass:string";
+
+/* FUNCTIONS ---------------------------------------------------------------------- */
+
+@function extract-number($class) {
+	$start: string.index($class, "[") + 1;
+	$end: string.index($class, "]") - 1;
+	@return string.slice($class, $start, $end);
+}
+
+/* -------------------------------------------------------------------------------- */

scss/index.scss

@@ -5,6 +5,8 @@
 
 @use "global/global.scss";
 
+@use "dom/overflow.scss";
+
 @use "grid/grid.scss";
 @use "text/text.scss";
 @use "list/list.scss";