From 33412c61a966108734dd3d3fabb9a78bda11a8b9 Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Mon, 28 Jul 2025 19:28:58 -0400
Subject: [PATCH] More width/height class options

---
 package.json  |  2 +-
 src/main.scss | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 1d3240e..a50996b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.3.2",
+	"version": "1.3.3",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {
diff --git a/src/main.scss b/src/main.scss
index eac4d8b..e8776b3 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -228,12 +228,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 .fs-uppercase { text-transform: uppercase !important; }
 .fs-capitalize { text-transform: capitalize !important; }
 
-// Height
-.h-auto { height: auto !important; }
-@each $div in $divisible {
-	.h-#{$div} { height: #{$div}#{'%'} !important; }
-}
-
 // Hover
 .curs-hover:hover, .hover:hover { filter: brightness(125%) !important; }
 .curs-hover:hover {
@@ -276,12 +270,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	.select-#{$s} { user-select: #{$s} !important; }
 }
 
-// Width
-.w-auto { width: auto !important; }
-@each $div in $divisible {
-	.w-#{$div} { width: #{$div}#{'%'} !important; }
-}
-
 // Z-index
 @each $s, $ignore in $sizes {
 	.z-#{$s} { z-index: #{$s} !important; }
@@ -379,6 +367,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 		.float#{$bp}-#{$f} { float: #{$float} !important; }
 	}
 
+	// Height
+	.h-auto { height: auto !important; }
+	@each $div in $divisible {
+		.h#{$bp}-#{$div} { height: #{$div}#{'%'} !important; }
+	}
+
+	// Width
+	.w-auto { width: auto !important; }
+	@each $div in $divisible {
+		.w#{$bp}-#{$div} { width: #{$div}#{'%'} !important; }
+	}
+
 	// Object Fit
 	.fit#{$bp}-contain { object-fit: contain !important; }
 	.fit#{$bp}-cover { object-fit: cover !important; }