fix: Fix media query errors

Author: Jimco

.changeset/wise-maps-create.md

@@ -0,0 +1,5 @@
+---
+"@milesight/responsive-style": patch
+---
+
+Fix media query errors

packages/style/less/index.less

@@ -1,3 +1,7 @@
 @import './variables.less';
-@import '.maps.less';
+@import './maps.less';
 @import './mixins.less';
+
+// ---------- Debug ----------
+// .gen-utils();
+// .gen-breakpoints-utils();

packages/style/less/mixins.less

@@ -18,9 +18,10 @@
     }
 }
 
-.gen-styles (@props, @value) {
+.gen-styles (@props, @value, @important: @enable-utilities-important) {
     each(@props, .(@prop, @key) {
-        @{prop}: @value;
+        @prop-value: if(@important = true, ~'@{value} !important', @value);
+        @{prop}: @prop-value;
     });
 }
 
@@ -42,7 +43,7 @@
 
 .gen-breakpoints-utils (@mobile-first: @enable-mobile-first, @bps: @grid-breakpoints, @utils: @utilities) {
     each(@bps, .(@bp, @prefix) {
-        @query: if(@mobile-first = true, '(min-width: @{bp})', '(max-width: @{bp})');
+        @query: if(@mobile-first = true, ~'(min-width: @{bp})', ~'(max-width: @{bp})');
 
         & when not (@bp = 0) {
             @media @query {

packages/style/less/variables.less

@@ -1,6 +1,7 @@
 // ---------- Options ----------
 @enable-mobile-first: true;
 @enable-negative-margins: false;
+@enable-utilities-important: false;
 
 // ---------- Breakpoints ----------
 @grid-breakpoints: {

packages/style/package.json

@@ -33,6 +33,7 @@
     "scripts": {
         "dev": "sass --watch scss:dist",
         "build": "sass scss:dist && sass -s compressed scss/index.scss dist/index.min.css",
+        "build:less": "lessc less/index.less dist/index.css",
         "lint": "eslint ./scss/* ",
         "lint:fix": "eslint --fix ./scss/*",
         "prepublish": "pnpm run build"
@@ -41,6 +42,7 @@
         "@antfu/eslint-config": "^4.10.1",
         "eslint": "^9.22.0",
         "eslint-plugin-format": "^1.0.1",
+        "less": "^4.3.0",
         "sass": "^1.85.1"
     }
 }