Added reset styling classes

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.2.1",
+	"version": "1.3.3",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@ztimson/css-utils",
-			"version": "1.2.1",
+			"version": "1.3.3",
 			"license": "MIT",
 			"devDependencies": {
 				"sass": "^1.80.6"

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.3.2",
+	"version": "1.3.4",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {

src/main.scss

@@ -57,12 +57,26 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	}
 }
 
+.no-fix, .no-anchor-fix {
+	a, a:not([href]) {
+		cursor: auto;
+		color: inherit;
+		text-decoration: inherit;
+	}
+}
+
 .fix-button, .fix:not(.no-button-fix) {
 	button:not(:disabled) {
 		cursor: pointer;
 	}
 }
 
+.no-fix, .no-button-fix {
+	button:not(:disabled) {
+		cursor: auto;
+	}
+}
+
 .fix-dom, .fix:not(.no-dom-fix) {
 	&, html, body {
 		height: 100%;
@@ -77,6 +91,19 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	* { box-sizing: border-box; }
 }
 
+.no-fix, .no-dom-fix {
+	&, html, body {
+		height: auto;
+		width: auto;
+		margin: revert;
+		padding: revert;
+		overflow: visible;
+		color: revert;
+		background-color: transparent;
+	}
+	* { box-sizing: content-box; }
+}
+
 .fix-focus, .fix:not(.no-focus-fix) {
 	* {
 		outline: inherit;
@@ -84,6 +111,13 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	}
 }
 
+.no-fix, .no-focus-fix {
+	* {
+		outline: revert;
+		-webkit-tap-highlight-color: auto;
+	}
+}
+
 .fix-font, .fix:not(.no-font-fix) {
 	color: var(--theme-text);
 	font-family: var(--theme-font), sans-serif;
@@ -98,6 +132,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	h6 { font-weight: 500; font-size: 1rem; }
 }
 
+.no-fix, .no-font-fix {
+	color: revert;
+	font-family: revert;
+	p, input, select, textarea, button { font-size: revert; }
+	h1, h2, h3, h4, h5, h6, p { margin: revert; }
+	h1, h2, h3, h4, h5, h6 { font-weight: revert; font-size: revert; }
+}
+
+.reset {
+	all: revert !important;
+}
+
 // Misc =====================================================================================================
 
 // Center
@@ -228,12 +274,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 +316,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; }
@@ -300,7 +334,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	.align-y#{$bp}-end { vertical-align: bottom !important; }
 
 	// Display
-	@each $display in (block, inline, inline-block, 'flex', 'inline-flex' grid, inline-grid, table, table-row, table-cell, none) {
+	@each $display in (block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, table-row, table-cell, none) {
 		.d#{$bp}-#{$display} { display: #{$display} !important; }
 	}
 
@@ -379,6 +413,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; }