@lucca-front/scss 17.3.6 → 17.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/scss",
-  "version": "17.3.6",
+  "version": "17.3.7",
   "description": "A Sass framework for Lucca products.",
   "main": "src/main.scss",
   "scripts": {},
@@ -23,6 +23,6 @@
     "normalize.css": "^8.0.0"
   },
   "peerDependencies": {
-    "@lucca-front/icons": "v17.3.6"
+    "@lucca-front/icons": "v17.3.7"
   }
 }

package/src/commons/utils/media.scss

@@ -8,25 +8,30 @@
 	@return math.div($value, 16px) * 1em;
 }
 
+// Range queries have been supported since Safari 16.4. They can therefore be used in theory.
+// However, they only provide a different syntax and penalize some users who don’t have their browser up to date.
+
 // les requêtes simples et multiples
 
 @mixin query($breakpoint, $property: 'width', $max: false, $at: 'media', $name: '') {
-	$operator: '>=';
+	$reversed: '';
 
 	@if $max {
-		$operator: '<';
+		$reversed: 'not all and';
 	}
 
 	@if map.get(config.$breakpoints, $breakpoint) {
 		$breakpoint: pxToEm(map.get(config.$breakpoints, $breakpoint));
 	}
 
-	@#{$at} #{$name} (#{$property} #{$operator} #{$breakpoint}) {
+	@#{$at} #{$name} #{$reversed} (min-#{$property}: #{$breakpoint}) {
 		@content;
 	}
 }
 
 @mixin queries($breakpoint1, $breakpoint2, $property: 'width', $at: 'media', $name: '') {
+	$reversed: 'not all and';
+
 	@if map.get(config.$breakpoints, $breakpoint1) {
 		$breakpoint1: pxToEm(map.get(config.$breakpoints, $breakpoint1));
 	}
@@ -42,8 +47,10 @@
 		$breakpoint1: $breakpointTmp;
 	}
 
-	@#{$at} #{$name} (#{$breakpoint1} <= #{$property} < #{$breakpoint2}) {
-		@content;
+	@#{$at} #{$name} (min-#{$property}: #{$breakpoint1}) {
+		@#{$at} #{$name} #{$reversed} (min-#{$property}: #{$breakpoint2}) {
+			@content;
+		}
 	}
 }
 

package/src/components/formLabel/component.scss

@@ -16,7 +16,8 @@
 	@at-root ($atRoot) {
 		.formLabel-required {
 			color: var(--palettes-error-700);
-			line-height: normal;
+			font-size: inherit;
+			line-height: inherit;
 			top: 0;
 		}
 	}