bugfix: mixin issues and migration problems

960.scss

@@ -1,9 +1,13 @@
 /*
-Author: <Anthony Sychev> (hello at dm211 dot com | a.sychev at jfranc dot studio) 
-Buy me a coffe: https://www.buymeacoffee.com/twooneone
-960.scss (c) 2022 
+█▀ █▄█ █▀▀ █░█ █▀▀ █░█
+▄█ ░█░ █▄▄ █▀█ ██▄ ▀▄▀
+
+Author: <Anton Sychev> (anton at sychev dot xyz)
+960.scss (c) 2024
 Created:  2022-06-21 17:48:02 
 Desc: 960 grid short classes
+Docs: 
+    * https://960-documentation.vercel.app/
 */
 
 @charset "UTF-8";

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "960.css",
-	"version": "1.0.8",
+	"version": "1.0.9",
 	"description": "960 SCSS Layout most used and shortests css classes.",
 	"main": "960.scss",
 	"style": "css/960.css",
@@ -29,10 +29,11 @@
 	"homepage": "https://github.com/klich3/960#readme",
 	"repository": "klich3/960.git",
 	"scripts": {
-		"prepublish": "npm run lint && npm test && npm run build:css",
+		"prepublish": "npm run lint && npm run lint:fix && npm test && npm run build:css",
 		"test": "node test/index.js | tap-spec",
 		"lint": "semistandard && npm run lint:css",
 		"lint-fix": "semistandard --fix",
+		"lint:fix": "sass-lint-auto-fix",
 		"lint:css": "sass-lint 'scss/**/*.scss' -v",
 		"build:css": "node-sass 960.scss css/960.css --importer node_modules/node-sass-import --output-style=compressed",
 		"scss-compile": "npm run build:css",
@@ -43,6 +44,7 @@
 		"node-sass": "^9.0.0",
 		"node-sass-import": "^1.0.5",
 		"sass-lint": "^1.13.1",
+		"sass-lint-auto-fix": "^0.21.2",
 		"semistandard": "^17.0.0",
 		"tap-spec": "^2.2.2",
 		"tape": "^5.9.0"

scss/debug/debug.scss

@@ -1,33 +1,33 @@
-@use "../medias";
+@use "../medias" as *;
 
 /*
 	DEBUG
 */
 
 .debug {
-	border: 1px dotted red;
+	border: 1px dotted #f00;
 }
 
 @include media(small) {
 	body.debug {
-		border: 4px solid yellow;
+		border: 4px solid #ff0;
 	}
 }
 
 @include media(middle) {
 	body.debug {
-		border: 4px solid red;
+		border: 4px solid #f00;
 	}
 }
 
 @include media(large) {
 	body.debug {
-		border: 4px solid green;
+		border: 4px solid #008000;
 	}
 }
 
 @include media(extraLarge) {
 	body.debug {
-		border: 4px solid blue;
+		border: 4px solid #00f;
 	}
 }