@appartmint/mint 2.1.3 → 2.1.5

package/src/scss/imports/util/_util.scss

@@ -524,14 +524,15 @@ $bootstrap5: false !default;
 		@error 'The break-max mixin requires one or two of the following values: #{map-keys($break)}';
 	}
 
+	$break-max: break($max) - 1px;
 	@if (map.has-key($break, $min)) {
-		@media (min-width: break($min)) and (max-width: break($max)) {
+		@media (min-width: break($min)) and (max-width: $break-max) {
 			@content;
 		}
 	}
 
 	@else {
-		@media (max-width: break($max)) {
+		@media (max-width: $break-max) {
 			@content;
 		}
 	}
@@ -767,25 +768,27 @@ $bootstrap5: false !default;
 		@error 'The fluid mixin requires width and size arguments with the same units.';
 	}
 
-	@if ($base) {
-		#{$prop}: calc($base + $min-size);
-
-		@media (min-width: $min-vw) {
-			#{$prop}: calc($base + #{$min-size} + #{strip-unit($max-size - $min-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
-		}
-
-		@media (min-width: $max-vw) {
-			#{$prop}: calc($base + $max-size);
-		}
-	} @else {
-		#{$prop}: $min-size;
-
-		@media (min-width: $min-vw) {
-			#{$prop}: calc(#{$min-size} + #{strip-unit($max-size - $min-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
-		}
-
-		@media (min-width: $max-vw) {
-			#{$prop}: $max-size;
+	& {
+		@if ($base) {
+			#{$prop}: calc($base + $min-size);
+	
+			@media (min-width: $min-vw) {
+				#{$prop}: calc($base + #{$min-size} + #{strip-unit($max-size - $min-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
+			}
+	
+			@media (min-width: $max-vw) {
+				#{$prop}: calc($base + $max-size);
+			}
+		} @else {
+			#{$prop}: $min-size;
+	
+			@media (min-width: $min-vw) {
+				#{$prop}: calc(#{$min-size} + #{strip-unit($max-size - $min-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
+			}
+	
+			@media (min-width: $max-vw) {
+				#{$prop}: $max-size;
+			}
 		}
 	}
 }
@@ -808,6 +811,7 @@ $bootstrap5: false !default;
 	$padding-min-vw: map.get($break, $pad-min-vw) * 1px;
 	$padding-max-vw: map.get($break, $pad-max-vw) * 1px;
 	@include fluid(top, $padding-min-vw, $padding-max-vw, $pad-min-size * -1, $pad-max-size * -1);
+	@include fluid(left, $padding-min-vw, $padding-max-vw, $pad-min-size * -1, $pad-max-size * -1);
 	@include fluid(width, $padding-min-vw, $padding-max-vw, $pad-min-size * 2, $pad-max-size * 2, 100%);
 }
 
@@ -931,7 +935,12 @@ $bootstrap5: false !default;
 
 	@if (list.index($states, 'active') != null) {
 
-		&:active,
+		&:active {
+			@content;
+		}
+	}
+
+	@if (list.index($states, 'mint-active') != null) {
 		&#{class(active)} {
 			@content;
 		}

package/src/scss/imports/util/_vars.scss

@@ -125,15 +125,6 @@ $image-shadow-size: 0.5rem !default;
 $link-color: brand-4 !default;
 $link-color-hover: accent-2 !default;
 
-$menu-bar-height: 0.4rem !default;
-$menu-bar-width: $menu-bar-height * 8 !default;
-$menu-btn-height: $menu-bar-height * 8 !default;
-$menu-btn-padding: $menu-bar-height * 1.5 !default;
-$menu-bar-color: fore !default;
-$menu-btn-color: shadow-6 !default;
-$menu-btn-shadow-color: $shadow-color !default;
-$menu-btn-shadow-size: $shadow-size !default;
-
 $btn-radius: $border-radius !default;
 $btn-fore: fore !default;
 $btn-fore-alt: $btn-fore !default;
@@ -267,3 +258,15 @@ $amp-font-error: $amp-font-error-default !default;
 	$amp-font-secondary: if($amp-font-secondary != $amp-font-secondary-default, $amp-font-secondary, brand-0);
 	$amp-font-error: if($amp-font-error != $amp-font-error-default, $amp-font-error, danger-4);
 }
+
+/// Menu button
+$menu-bar-height: 0.4rem !default;
+$menu-bar-width: $menu-bar-height * 8 !default;
+$menu-btn-height: $menu-bar-height * 8 !default;
+$menu-btn-padding: $menu-bar-height * 1.5 !default;
+$menu-bar-color: fore !default;
+$menu-bar-color-hover: $header-link-fore-hover !default;
+$menu-btn-color: shadow-6 !default;
+$menu-btn-color-hover: $header-link-back-hover !default;
+$menu-btn-shadow-color: $shadow-color !default;
+$menu-btn-shadow-size: $shadow-size !default;