More width/height class options

Fixed fs-strike & fs-underline on same element
Fixed border style
2025-07-28 19:28:58 -04:00 · 2025-03-11 22:05:04 -04:00 · 2025-03-09 10:39:18 -04:00 · 2025-03-06 16:23:33 -05:00 · 2025-02-05 22:09:46 -05:00 · 2025-02-05 22:04:07 -05:00
10 changed files with 1706 additions and 618 deletions
--- a/.github/workflows/build.yaml
+++ b/.github/workflows/build.yaml
@@ -42,3 +42,12 @@ jobs:
                uses: ztimson/actions/tag@develop
                with:
                    tag: ${{env.VERSION}}
    docs:
        name: Publish CDN & Docs
        needs: build
        uses: ztimson/actions/.github/workflows/docker.yaml@develop
        with:
            name: ztimson/css-utils
            repository: ${{github.server_url}}/${{github.repository}}.git
            pass: ${{secrets.DEPLOY_TOKEN}}
--- a/.npmignore
+++ b/.npmignore
@@ -4,4 +4,3 @@ node_modules
 .editorconfig
 .gitignore
 CODEOWNERS
 index.html
--- a/17
+++ b/17
@@ -0,0 +1,17 @@
 # Build application
 FROM node:alpine as build
 RUN mkdir /app
 WORKDIR /app
 COPY . .
 RUN if [ ! -d "node_modules" ]; then npm i; fi && \
    if [ ! -d "dist/css-utils.css" ]; then npm run build; fi
 # Use Nginx to serve
 FROM nginx:1.23-alpine
 COPY --from=build /app/dist /usr/share/nginx/html/dist
 COPY src /usr/share/nginx/html/src
 COPY index.html /usr/share/nginx/html
 COPY wave.webp /usr/share/nginx/html
 COPY favicon.webp /usr/share/nginx/html
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@
  ---
  <div>
-    <a href="https://git.zakscode.com/ztimson/css-utils/wiki" target="_blank">Documentation</a>
+    <a href="https://css.zakscode.com" target="_blank">Documentation</a>
    • <a href="https://git.zakscode.com/ztimson/css-utils/releases" target="_blank">Release Notes</a>
    • <a href="https://git.zakscode.com/ztimson/css-utils/issues/new?template=.github%2fissue_template%2fbug.md" target="_blank">Report a Bug</a>
    • <a href="https://git.zakscode.com/ztimson/css-utils/issues/new?template=.github%2fissue_template%2fenhancement.md" target="_blank">Request a Feature</a>
@@ -36,7 +36,7 @@
  - [Setup](#setup)
    - [Production](#production)
    - [Development](#development)
-  - [Documentation](#documentation)
+  - [Documentation](https://css.zakscode.com)
  - [License](#license)
 ## About
@@ -83,6 +83,9 @@ Some extra classes have been added and a few class name changed to match convent
 </details>
 ## Documentation
 https://css.zaskscode.com
 ## License
 Copyright © 2023 Zakary Timson | Available under MIT Licensing
--- a/favicon.webp
+++ b/favicon.webp
--- a/index.html
+++ b/index.html
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,465 +1,494 @@
 {
-  "name": "@ztimson/css-utils",
+	"name": "@ztimson/css-utils",
-  "version": "1.0.0",
+	"version": "1.2.1",
-  "lockfileVersion": 3,
+	"lockfileVersion": 3,
-  "requires": true,
+	"requires": true,
-  "packages": {
+	"packages": {
-    "": {
+		"": {
-      "name": "@ztimson/css-utils",
+			"name": "@ztimson/css-utils",
-      "version": "1.0.0",
+			"version": "1.2.1",
-      "license": "MIT",
+			"license": "MIT",
-      "dependencies": {
+			"devDependencies": {
-        "sass": "^1.80.6"
+				"sass": "^1.80.6"
-      }
+			}
-    },
+		},
-    "node_modules/@parcel/watcher": {
+		"node_modules/@parcel/watcher": {
-      "version": "2.5.0",
+			"version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
-      "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
+			"integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
-      "hasInstallScript": true,
+			"dev": true,
-      "optional": true,
+			"hasInstallScript": true,
-      "dependencies": {
+			"optional": true,
-        "detect-libc": "^1.0.3",
+			"dependencies": {
-        "is-glob": "^4.0.3",
+				"detect-libc": "^1.0.3",
-        "micromatch": "^4.0.5",
+				"is-glob": "^4.0.3",
-        "node-addon-api": "^7.0.0"
+				"micromatch": "^4.0.5",
-      },
+				"node-addon-api": "^7.0.0"
-      "engines": {
+			},
-        "node": ">= 10.0.0"
+			"engines": {
-      },
+				"node": ">= 10.0.0"
-      "funding": {
+			},
-        "type": "opencollective",
+			"funding": {
-        "url": "https://opencollective.com/parcel"
+				"type": "opencollective",
-      },
+				"url": "https://opencollective.com/parcel"
-      "optionalDependencies": {
+			},
-        "@parcel/watcher-android-arm64": "2.5.0",
+			"optionalDependencies": {
-        "@parcel/watcher-darwin-arm64": "2.5.0",
+				"@parcel/watcher-android-arm64": "2.5.0",
-        "@parcel/watcher-darwin-x64": "2.5.0",
+				"@parcel/watcher-darwin-arm64": "2.5.0",
-        "@parcel/watcher-freebsd-x64": "2.5.0",
+				"@parcel/watcher-darwin-x64": "2.5.0",
-        "@parcel/watcher-linux-arm-glibc": "2.5.0",
+				"@parcel/watcher-freebsd-x64": "2.5.0",
-        "@parcel/watcher-linux-arm-musl": "2.5.0",
+				"@parcel/watcher-linux-arm-glibc": "2.5.0",
-        "@parcel/watcher-linux-arm64-glibc": "2.5.0",
+				"@parcel/watcher-linux-arm-musl": "2.5.0",
-        "@parcel/watcher-linux-arm64-musl": "2.5.0",
+				"@parcel/watcher-linux-arm64-glibc": "2.5.0",
-        "@parcel/watcher-linux-x64-glibc": "2.5.0",
+				"@parcel/watcher-linux-arm64-musl": "2.5.0",
-        "@parcel/watcher-linux-x64-musl": "2.5.0",
+				"@parcel/watcher-linux-x64-glibc": "2.5.0",
-        "@parcel/watcher-win32-arm64": "2.5.0",
+				"@parcel/watcher-linux-x64-musl": "2.5.0",
-        "@parcel/watcher-win32-ia32": "2.5.0",
+				"@parcel/watcher-win32-arm64": "2.5.0",
-        "@parcel/watcher-win32-x64": "2.5.0"
+				"@parcel/watcher-win32-ia32": "2.5.0",
-      }
+				"@parcel/watcher-win32-x64": "2.5.0"
-    },
+			}
-    "node_modules/@parcel/watcher-android-arm64": {
+		},
-      "version": "2.5.0",
+		"node_modules/@parcel/watcher-android-arm64": {
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz",
+			"version": "2.5.0",
-      "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz",
-      "cpu": [
+			"integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==",
-        "arm64"
+			"cpu": [
-      ],
+				"arm64"
-      "optional": true,
+			],
-      "os": [
+			"dev": true,
-        "android"
+			"optional": true,
-      ],
+			"os": [
-      "engines": {
+				"android"
-        "node": ">= 10.0.0"
+			],
-      },
+			"engines": {
-      "funding": {
+				"node": ">= 10.0.0"
-        "type": "opencollective",
+			},
-        "url": "https://opencollective.com/parcel"
+			"funding": {
-      }
+				"type": "opencollective",
-    },
+				"url": "https://opencollective.com/parcel"
-    "node_modules/@parcel/watcher-darwin-arm64": {
+			}
-      "version": "2.5.0",
+		},
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz",
+		"node_modules/@parcel/watcher-darwin-arm64": {
-      "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==",
+			"version": "2.5.0",
-      "cpu": [
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz",
-        "arm64"
+			"integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==",
-      ],
+			"cpu": [
-      "optional": true,
+				"arm64"
-      "os": [
+			],
-        "darwin"
+			"dev": true,
-      ],
+			"optional": true,
-      "engines": {
+			"os": [
-        "node": ">= 10.0.0"
+				"darwin"
-      },
+			],
-      "funding": {
+			"engines": {
-        "type": "opencollective",
+				"node": ">= 10.0.0"
-        "url": "https://opencollective.com/parcel"
+			},
-      }
+			"funding": {
-    },
+				"type": "opencollective",
-    "node_modules/@parcel/watcher-darwin-x64": {
+				"url": "https://opencollective.com/parcel"
-      "version": "2.5.0",
+			}
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz",
+		},
-      "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==",
+		"node_modules/@parcel/watcher-darwin-x64": {
-      "cpu": [
+			"version": "2.5.0",
-        "x64"
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz",
-      ],
+			"integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==",
-      "optional": true,
+			"cpu": [
-      "os": [
+				"x64"
-        "darwin"
+			],
-      ],
+			"dev": true,
-      "engines": {
+			"optional": true,
-        "node": ">= 10.0.0"
+			"os": [
-      },
+				"darwin"
-      "funding": {
+			],
-        "type": "opencollective",
+			"engines": {
-        "url": "https://opencollective.com/parcel"
+				"node": ">= 10.0.0"
-      }
+			},
-    },
+			"funding": {
-    "node_modules/@parcel/watcher-freebsd-x64": {
+				"type": "opencollective",
-      "version": "2.5.0",
+				"url": "https://opencollective.com/parcel"
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz",
+			}
-      "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==",
+		},
-      "cpu": [
+		"node_modules/@parcel/watcher-freebsd-x64": {
-        "x64"
+			"version": "2.5.0",
-      ],
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz",
-      "optional": true,
+			"integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==",
-      "os": [
+			"cpu": [
-        "freebsd"
+				"x64"
-      ],
+			],
-      "engines": {
+			"dev": true,
-        "node": ">= 10.0.0"
+			"optional": true,
-      },
+			"os": [
-      "funding": {
+				"freebsd"
-        "type": "opencollective",
+			],
-        "url": "https://opencollective.com/parcel"
+			"engines": {
-      }
+				"node": ">= 10.0.0"
-    },
+			},
-    "node_modules/@parcel/watcher-linux-arm-glibc": {
+			"funding": {
-      "version": "2.5.0",
+				"type": "opencollective",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz",
+				"url": "https://opencollective.com/parcel"
-      "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==",
+			}
-      "cpu": [
+		},
-        "arm"
+		"node_modules/@parcel/watcher-linux-arm-glibc": {
-      ],
+			"version": "2.5.0",
-      "optional": true,
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz",
-      "os": [
+			"integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==",
-        "linux"
+			"cpu": [
-      ],
+				"arm"
-      "engines": {
+			],
-        "node": ">= 10.0.0"
+			"dev": true,
-      },
+			"optional": true,
-      "funding": {
+			"os": [
-        "type": "opencollective",
+				"linux"
-        "url": "https://opencollective.com/parcel"
+			],
-      }
+			"engines": {
-    },
+				"node": ">= 10.0.0"
-    "node_modules/@parcel/watcher-linux-arm-musl": {
+			},
-      "version": "2.5.0",
+			"funding": {
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz",
+				"type": "opencollective",
-      "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==",
+				"url": "https://opencollective.com/parcel"
-      "cpu": [
+			}
-        "arm"
+		},
-      ],
+		"node_modules/@parcel/watcher-linux-arm-musl": {
-      "optional": true,
+			"version": "2.5.0",
-      "os": [
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz",
-        "linux"
+			"integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==",
-      ],
+			"cpu": [
-      "engines": {
+				"arm"
-        "node": ">= 10.0.0"
+			],
-      },
+			"dev": true,
-      "funding": {
+			"optional": true,
-        "type": "opencollective",
+			"os": [
-        "url": "https://opencollective.com/parcel"
+				"linux"
-      }
+			],
-    },
+			"engines": {
-    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+				"node": ">= 10.0.0"
-      "version": "2.5.0",
+			},
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz",
+			"funding": {
-      "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==",
+				"type": "opencollective",
-      "cpu": [
+				"url": "https://opencollective.com/parcel"
-        "arm64"
+			}
-      ],
+		},
-      "optional": true,
+		"node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "os": [
+			"version": "2.5.0",
-        "linux"
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz",
-      ],
+			"integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==",
-      "engines": {
+			"cpu": [
-        "node": ">= 10.0.0"
+				"arm64"
-      },
+			],
-      "funding": {
+			"dev": true,
-        "type": "opencollective",
+			"optional": true,
-        "url": "https://opencollective.com/parcel"
+			"os": [
-      }
+				"linux"
-    },
+			],
-    "node_modules/@parcel/watcher-linux-arm64-musl": {
+			"engines": {
-      "version": "2.5.0",
+				"node": ">= 10.0.0"
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz",
+			},
-      "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==",
+			"funding": {
-      "cpu": [
+				"type": "opencollective",
-        "arm64"
+				"url": "https://opencollective.com/parcel"
-      ],
+			}
-      "optional": true,
+		},
-      "os": [
+		"node_modules/@parcel/watcher-linux-arm64-musl": {
-        "linux"
+			"version": "2.5.0",
-      ],
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz",
-      "engines": {
+			"integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==",
-        "node": ">= 10.0.0"
+			"cpu": [
-      },
+				"arm64"
-      "funding": {
+			],
-        "type": "opencollective",
+			"dev": true,
-        "url": "https://opencollective.com/parcel"
+			"optional": true,
-      }
+			"os": [
-    },
+				"linux"
-    "node_modules/@parcel/watcher-linux-x64-glibc": {
+			],
-      "version": "2.5.0",
+			"engines": {
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz",
+				"node": ">= 10.0.0"
-      "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==",
+			},
-      "cpu": [
+			"funding": {
-        "x64"
+				"type": "opencollective",
-      ],
+				"url": "https://opencollective.com/parcel"
-      "optional": true,
+			}
-      "os": [
+		},
-        "linux"
+		"node_modules/@parcel/watcher-linux-x64-glibc": {
-      ],
+			"version": "2.5.0",
-      "engines": {
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz",
-        "node": ">= 10.0.0"
+			"integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==",
-      },
+			"cpu": [
-      "funding": {
+				"x64"
-        "type": "opencollective",
+			],
-        "url": "https://opencollective.com/parcel"
+			"dev": true,
-      }
+			"optional": true,
-    },
+			"os": [
-    "node_modules/@parcel/watcher-linux-x64-musl": {
+				"linux"
-      "version": "2.5.0",
+			],
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz",
+			"engines": {
-      "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==",
+				"node": ">= 10.0.0"
-      "cpu": [
+			},
-        "x64"
+			"funding": {
-      ],
+				"type": "opencollective",
-      "optional": true,
+				"url": "https://opencollective.com/parcel"
-      "os": [
+			}
-        "linux"
+		},
-      ],
+		"node_modules/@parcel/watcher-linux-x64-musl": {
-      "engines": {
+			"version": "2.5.0",
-        "node": ">= 10.0.0"
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz",
-      },
+			"integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==",
-      "funding": {
+			"cpu": [
-        "type": "opencollective",
+				"x64"
-        "url": "https://opencollective.com/parcel"
+			],
-      }
+			"dev": true,
-    },
+			"optional": true,
-    "node_modules/@parcel/watcher-win32-arm64": {
+			"os": [
-      "version": "2.5.0",
+				"linux"
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz",
+			],
-      "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==",
+			"engines": {
-      "cpu": [
+				"node": ">= 10.0.0"
-        "arm64"
+			},
-      ],
+			"funding": {
-      "optional": true,
+				"type": "opencollective",
-      "os": [
+				"url": "https://opencollective.com/parcel"
-        "win32"
+			}
-      ],
+		},
-      "engines": {
+		"node_modules/@parcel/watcher-win32-arm64": {
-        "node": ">= 10.0.0"
+			"version": "2.5.0",
-      },
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz",
-      "funding": {
+			"integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==",
-        "type": "opencollective",
+			"cpu": [
-        "url": "https://opencollective.com/parcel"
+				"arm64"
-      }
+			],
-    },
+			"dev": true,
-    "node_modules/@parcel/watcher-win32-ia32": {
+			"optional": true,
-      "version": "2.5.0",
+			"os": [
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz",
+				"win32"
-      "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==",
+			],
-      "cpu": [
+			"engines": {
-        "ia32"
+				"node": ">= 10.0.0"
-      ],
+			},
-      "optional": true,
+			"funding": {
-      "os": [
+				"type": "opencollective",
-        "win32"
+				"url": "https://opencollective.com/parcel"
-      ],
+			}
-      "engines": {
+		},
-        "node": ">= 10.0.0"
+		"node_modules/@parcel/watcher-win32-ia32": {
-      },
+			"version": "2.5.0",
-      "funding": {
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz",
-        "type": "opencollective",
+			"integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==",
-        "url": "https://opencollective.com/parcel"
+			"cpu": [
-      }
+				"ia32"
-    },
+			],
-    "node_modules/@parcel/watcher-win32-x64": {
+			"dev": true,
-      "version": "2.5.0",
+			"optional": true,
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz",
+			"os": [
-      "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==",
+				"win32"
-      "cpu": [
+			],
-        "x64"
+			"engines": {
-      ],
+				"node": ">= 10.0.0"
-      "optional": true,
+			},
-      "os": [
+			"funding": {
-        "win32"
+				"type": "opencollective",
-      ],
+				"url": "https://opencollective.com/parcel"
-      "engines": {
+			}
-        "node": ">= 10.0.0"
+		},
-      },
+		"node_modules/@parcel/watcher-win32-x64": {
-      "funding": {
+			"version": "2.5.0",
-        "type": "opencollective",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz",
-        "url": "https://opencollective.com/parcel"
+			"integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==",
-      }
+			"cpu": [
-    },
+				"x64"
-    "node_modules/braces": {
+			],
-      "version": "3.0.3",
+			"dev": true,
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"optional": true,
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"os": [
-      "optional": true,
+				"win32"
-      "dependencies": {
+			],
-        "fill-range": "^7.1.1"
+			"engines": {
-      },
+				"node": ">= 10.0.0"
-      "engines": {
+			},
-        "node": ">=8"
+			"funding": {
-      }
+				"type": "opencollective",
-    },
+				"url": "https://opencollective.com/parcel"
-    "node_modules/chokidar": {
+			}
-      "version": "4.0.1",
+		},
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+		"node_modules/braces": {
-      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+			"version": "3.0.3",
-      "dependencies": {
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-        "readdirp": "^4.0.1"
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      },
+			"dev": true,
-      "engines": {
+			"optional": true,
-        "node": ">= 14.16.0"
+			"dependencies": {
-      },
+				"fill-range": "^7.1.1"
-      "funding": {
+			},
-        "url": "https://paulmillr.com/funding/"
+			"engines": {
-      }
+				"node": ">=8"
-    },
+			}
-    "node_modules/detect-libc": {
+		},
-      "version": "1.0.3",
+		"node_modules/chokidar": {
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+			"version": "4.0.1",
-      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
-      "optional": true,
+			"integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
-      "bin": {
+			"dev": true,
-        "detect-libc": "bin/detect-libc.js"
+			"dependencies": {
-      },
+				"readdirp": "^4.0.1"
-      "engines": {
+			},
-        "node": ">=0.10"
+			"engines": {
-      }
+				"node": ">= 14.16.0"
-    },
+			},
-    "node_modules/fill-range": {
+			"funding": {
-      "version": "7.1.1",
+				"url": "https://paulmillr.com/funding/"
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			}
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+		},
-      "optional": true,
+		"node_modules/detect-libc": {
-      "dependencies": {
+			"version": "1.0.3",
-        "to-regex-range": "^5.0.1"
+			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-      },
+			"integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "engines": {
+			"dev": true,
-        "node": ">=8"
+			"optional": true,
-      }
+			"bin": {
-    },
+				"detect-libc": "bin/detect-libc.js"
-    "node_modules/immutable": {
+			},
-      "version": "4.3.7",
+			"engines": {
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+				"node": ">=0.10"
-      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw=="
+			}
-    },
+		},
-    "node_modules/is-extglob": {
+		"node_modules/fill-range": {
-      "version": "2.1.1",
+			"version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "optional": true,
+			"dev": true,
-      "engines": {
+			"optional": true,
-        "node": ">=0.10.0"
+			"dependencies": {
-      }
+				"to-regex-range": "^5.0.1"
-    },
+			},
-    "node_modules/is-glob": {
+			"engines": {
-      "version": "4.0.3",
+				"node": ">=8"
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			}
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+		},
-      "optional": true,
+		"node_modules/immutable": {
-      "dependencies": {
+			"version": "4.3.7",
-        "is-extglob": "^2.1.1"
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
-      },
+			"integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
-      "engines": {
+			"dev": true
-        "node": ">=0.10.0"
+		},
-      }
+		"node_modules/is-extglob": {
-    },
+			"version": "2.1.1",
-    "node_modules/is-number": {
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "version": "7.0.0",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"dev": true,
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"optional": true,
-      "optional": true,
+			"engines": {
-      "engines": {
+				"node": ">=0.10.0"
-        "node": ">=0.12.0"
+			}
-      }
+		},
-    },
+		"node_modules/is-glob": {
-    "node_modules/micromatch": {
+			"version": "4.0.3",
-      "version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
-      "optional": true,
+			"optional": true,
-      "dependencies": {
+			"dependencies": {
-        "braces": "^3.0.3",
+				"is-extglob": "^2.1.1"
-        "picomatch": "^2.3.1"
+			},
-      },
+			"engines": {
-      "engines": {
+				"node": ">=0.10.0"
-        "node": ">=8.6"
+			}
-      }
+		},
-    },
+		"node_modules/is-number": {
-    "node_modules/node-addon-api": {
+			"version": "7.0.0",
-      "version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+			"dev": true,
-      "optional": true
+			"optional": true,
-    },
+			"engines": {
-    "node_modules/picomatch": {
+				"node": ">=0.12.0"
-      "version": "2.3.1",
+			}
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+		},
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+		"node_modules/micromatch": {
-      "optional": true,
+			"version": "4.0.8",
-      "engines": {
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-        "node": ">=8.6"
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      },
+			"dev": true,
-      "funding": {
+			"optional": true,
-        "url": "https://github.com/sponsors/jonschlinkert"
+			"dependencies": {
-      }
+				"braces": "^3.0.3",
-    },
+				"picomatch": "^2.3.1"
-    "node_modules/readdirp": {
+			},
-      "version": "4.0.2",
+			"engines": {
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+				"node": ">=8.6"
-      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+			}
-      "engines": {
+		},
-        "node": ">= 14.16.0"
+		"node_modules/node-addon-api": {
-      },
+			"version": "7.1.1",
-      "funding": {
+			"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
-        "type": "individual",
+			"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-        "url": "https://paulmillr.com/funding/"
+			"dev": true,
-      }
+			"optional": true
-    },
+		},
-    "node_modules/sass": {
+		"node_modules/picomatch": {
-      "version": "1.80.6",
+			"version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.6.tgz",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-ccZgdHNiBF1NHBsWvacvT5rju3y1d/Eu+8Ex6c21nHp2lZGLBEtuwc415QfiI1PJa1TpCo3iXwwSRjRpn2Ckjg==",
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dependencies": {
+			"dev": true,
-        "chokidar": "^4.0.0",
+			"optional": true,
-        "immutable": "^4.0.0",
+			"engines": {
-        "source-map-js": ">=0.6.2 <2.0.0"
+				"node": ">=8.6"
-      },
+			},
-      "bin": {
+			"funding": {
-        "sass": "sass.js"
+				"url": "https://github.com/sponsors/jonschlinkert"
-      },
+			}
-      "engines": {
+		},
-        "node": ">=14.0.0"
+		"node_modules/readdirp": {
-      },
+			"version": "4.0.2",
-      "optionalDependencies": {
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-        "@parcel/watcher": "^2.4.1"
+			"integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
-      }
+			"dev": true,
-    },
+			"engines": {
-    "node_modules/source-map-js": {
+				"node": ">= 14.16.0"
-      "version": "1.2.1",
+			},
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+			"funding": {
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+				"type": "individual",
-      "engines": {
+				"url": "https://paulmillr.com/funding/"
-        "node": ">=0.10.0"
+			}
-      }
+		},
-    },
+		"node_modules/sass": {
-    "node_modules/to-regex-range": {
+			"version": "1.80.6",
-      "version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.80.6.tgz",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-ccZgdHNiBF1NHBsWvacvT5rju3y1d/Eu+8Ex6c21nHp2lZGLBEtuwc415QfiI1PJa1TpCo3iXwwSRjRpn2Ckjg==",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
-      "optional": true,
+			"dependencies": {
-      "dependencies": {
+				"chokidar": "^4.0.0",
-        "is-number": "^7.0.0"
+				"immutable": "^4.0.0",
-      },
+				"source-map-js": ">=0.6.2 <2.0.0"
-      "engines": {
+			},
-        "node": ">=8.0"
+			"bin": {
-      }
+				"sass": "sass.js"
-    }
+			},
-  }
+			"engines": {
 				"node": ">=14.0.0"
 			},
 			"optionalDependencies": {
 				"@parcel/watcher": "^2.4.1"
 			}
 		},
 		"node_modules/source-map-js": {
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
 			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
 			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
 		},
 		"node_modules/to-regex-range": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
 			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
 			"dev": true,
 			"optional": true,
 			"dependencies": {
 				"is-number": "^7.0.0"
 			},
 			"engines": {
 				"node": ">=8.0"
 			}
 		}
 	}
 }
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.0.1",
+	"version": "1.3.3",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {
--- a/src/main.scss
+++ b/src/main.scss
@@ -4,7 +4,7 @@
 // Colors
 :root {
-	// Theme colors, what ever you like
+	// Theme colors -- what ever you like
 	--theme-backdrop: #dddddd;
 	--theme-primary: #ff0000;
 	--theme-accent: #0000ff;
@@ -15,7 +15,8 @@
 	--theme-black: black;
 	--theme-white: white;
-	// Mic
+	// Misc
 	--theme-border: black;
 	--theme-animation: 0.2s linear; // Animation style
 	--theme-content-width: 1100px; // Max width of clamped content
 	--theme-font: Arial, sans-serif;
@@ -33,46 +34,36 @@
 		--theme-text: #ffffff; // Text color (Should contrast bg-primary)
 		--theme-muted: #cccccc; // Muted text color (Should have less contrast against bg-primary)
 	}
 }
 $breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px); // Device size
 $sizes: (0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5rem); // Padding/Margin, etc...
 // Don't edit past this point ===============================================================================
 $breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px);
 $direction: ('s': 'left', 't': 'top', 'e': 'right', 'b': 'bottom');
-$divisible: (0, 10, 20, 25, 30, 33, 40, 50, 60, 66, 70, 75, 80, 90, 100);
+$divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5rem);
 // "Fixes" ==================================================================================================
 // Optional opinionated styling to clean up CSS defaults
-.fix-anchor, .fix {
+.fix-anchor, .fix:not(.no-anchor-fix) {
 	a, a:not([href]) {
 		cursor: pointer;
 		color: var(--theme-primary);
-		&:not(:hover) { text-decoration: none; }
+		&:not(:hover):not(:focus) { text-decoration: none; }
-		&:hover { text-decoration: underline; }
+		&:hover, &:focus { text-decoration: underline; }
 	}
 }
-.fix-button, .fix {
+.fix-button, .fix:not(.no-button-fix) {
-	button {
+	button:not(:disabled) {
 		cursor: pointer;
 	}
 }
-.fix-code, .fix {
+.fix-dom, .fix:not(.no-dom-fix) {
 	code {
 		display: block;
 		white-space: pre;
 		font-family: monospace;
 		background: rgb(30, 30, 30);
 		color: #00cb00;
 		overflow: auto;
 	}
 }
 .fix-dom, .fix {
 	&, html, body {
 		height: 100%;
 		width: 100%;
@@ -83,25 +74,22 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
 		background-color: var(--theme-backdrop);
 	}
 	hr { opacity: 50%; }
 	* { box-sizing: border-box; }
 }
-.fix-focus, .fix {
+.fix-focus, .fix:not(.no-focus-fix) {
 	* {
-		outline: none !important;
+		outline: inherit;
-		box-shadow: none !important;
+		-webkit-tap-highlight-color: transparent;
 	}
 }
-.fix-font, .fix {
+.fix-font, .fix:not(.no-font-fix) {
-	* { font-family: var(--theme-font), sans-serif; }
+	color: var(--theme-text);
 	font-family: var(--theme-font), sans-serif;
 	p, input, select, textarea, button { font-size: 1rem; }
-	span { font-size: inherit; }
+	h1, h2, h3, h4, h5, h6, p { margin: 0 0 0.5rem 0; }
 	h1, h2, h3, h4, h5, h6, p {
 		margin-top: 0;
 		margin-bottom: 0.5rem;
 	}
 	h1 { font-weight: 500; font-size: 2.5rem; }
 	h2 { font-weight: 500; font-size: 2rem; }
 	h3 { font-weight: 500; font-size: 1.75rem; }
@@ -110,10 +98,26 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
 	h6 { font-weight: 500; font-size: 1rem; }
 }
-option { color: black !important; }
+// Misc =====================================================================================================
 // Center
 .center {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 }
 // Clamp (Restrict page width for large screens)
 .clamp { width: min(var(--theme-content-width), calc(100% - map.get($sizes, 3))); }
 // Utilities ================================================================================================
 // Anchor
 .anchor-c { transform: translate(-50%, -50%); }
 .anchor-e { transform: translate(-100%, -50%); }
 .anchor-s { transform: translate(0, -50%); }
 // Animate
 .animate { transition: var(--theme-animation); }
 .animate-none { transition: none !important; }
@@ -121,14 +125,17 @@ option { color: black !important; }
 	transition: var(--theme-animation);
 	transition-property: color, background-color;
 }
 .animate-opacity {
 	transition: var(--theme-animation);
 	transition-property: opacity;
 }
 .animate-pos {
 	transition: var(--theme-animation);
 	transition-property: height, width, left, right, top, bottom;
 }
-
+.animate-trans {
-// Border - Colors
+	transition: var(--theme-animation);
-@each $color in ('black', 'white', 'primary', 'secondary', 'info', 'success', 'warn', 'danger', 'muted') {
+	transition-property: transform;
 	.b-#{$color} { border-color: var(--theme-#{$color}) !important; }
 }
 // Border - Radius
@@ -143,17 +150,17 @@ option { color: black !important; }
 // Colors - Background
 .bg-backdrop { background-color: var(--theme-backdrop) !important; }
-.bg-black { background-color: var(--theme-white) !important; }
+.bg-black { background-color: var(--theme-black) !important; }
-.bg-clear {
+.bg-white { background-color: var(--theme-white) !important; }
 .bg-transparent { background-color: transparent !important; }
 .bg-container {
 	background-color: var(--theme-clear) !important;
 	color: var(--theme-text) !important;
 }
-.bg-transparent { background-color: transparent !important; }
+@each $color in ('primary', 'accent', 'text', 'info', 'success', 'warn', 'danger', 'muted') {
 .bg-white { background-color: var(--theme-white) !important; }
@each $color in ('primary', 'secondary', 'text', 'info', 'success', 'warn', 'danger', 'muted') {
 	.bg-#{$color} {
 		position: relative;
-		color: white;
+		z-index: 1;
 	}
 	.bg-#{$color}::before {
 		content: '';
@@ -163,42 +170,36 @@ option { color: black !important; }
 		right: 0;
 		bottom: 0;
 		background-color: var(--theme-#{$color});
-		opacity: 0.2;
+		filter: saturate(.5) brightness(150%);
 		border-radius: inherit;
 		z-index: -1;
 	}
 }
 // Center
 .center {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 }
 // Clamp (Restrict page width for large screens)
 .clamp { width: min(var(--theme-content-width), calc(100% - map.get($sizes, 3))); }
 // Colors - Foreground
-@each $color in ('black', 'white', 'text', 'primary', 'secondary', 'info', 'success', 'warn', 'danger', 'muted') {
+@each $color in ('black', 'clear', 'white', 'text', 'primary', 'accent', 'info', 'success', 'warn', 'danger', 'muted') {
-	.fg-#{$color} { color: var(--theme-#{$color}) !important; }
+	.fg-#{$color} {
 		color: var(--theme-#{$color}) !important;
 		text-decoration-color: var(--theme-#{$color}) !important;
 	}
 }
 // Cursors
-@each $name in ('auto', 'default', 'none', 'context-menu', 'help', 'pointer', 'progress', 'wait', 'cell', 'crosshair', 'text', 'vertical-text', 'alias', 'copy', 'move', 'no-drop', 'not-allowed', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'zoom-in', 'zoom-out') {
+@each $name in ('alias','auto','cell','col-resize','copy','crosshair','default','grab','grabbing','help','move','not-allowed','pointer','progress','row-resize','text','none','wait','vertical-text','zoom-in','zoom-out') {
 	.curs-#{$name} { cursor: #{$name} !important; }
 }
 // Font
 .fs-bolder { font-weight: bolder !important; }
-.fs-bold { font-weight: bold !important; }
+.fs-bold { font-weight: 500 !important; }
 .fs-clear { font-style: normal !important; }
 .fs-italic { font-style: italic !important; }
 .fs-lighter { font-weight: lighter !important; }
 .fs-line-through { text-decoration: line-through !important; }
 .fs-none { text-decoration: none !important; }
 .fs-normal { font-weight: normal !important; }
 .fs-italic { font-style: italic !important; }
 .fs-none { font-style: normal !important; }
 .fs-lighter { font-weight: lighter !important; }
 .fs-no-dec { text-decoration: none !important; }
 .fs-strike { text-decoration: line-through !important; }
 .fs-underline { text-decoration: underline !important; }
 .fs-strike.fs-underline { text-decoration: line-through underline !important; }
 .fs-7 { font-size: 2.5rem !important; }
 .fs-6 { font-size: 2.25rem !important; }
 .fs-5 { font-size: 2rem !important; }
@@ -206,67 +207,73 @@ option { color: black !important; }
 .fs-3 { font-size: 1.5rem !important; }
 .fs-2 { font-size: 1.25rem !important; }
 .fs-1 { font-size: 1rem !important; }
-
+.fs-break {
-// Height
+	word-wrap: break-word !important;
-.h-auto { height: auto !important; }
+	word-break: break-word !important;
@each $div in $divisible {
 	.h-#{$div} { height: #{$div}#{'%'} !important; }
 }
 .fs-truncate {
 	overflow: hidden !important;
 	text-overflow: ellipsis !important;
 	white-space: nowrap !important;
 }
 .fs-nowrap {
 	white-space: nowrap !important;
 	text-wrap: nowrap !important;
 }
 .fs-wrap {
 	white-space: normal !important;
 	text-wrap: pretty !important;
 }
 .fs-lowercase { text-transform: lowercase !important; }
 .fs-uppercase { text-transform: uppercase !important; }
 .fs-capitalize { text-transform: capitalize !important; }
 // Hover
-.hover:hover { filter: brightness(125%) !important; }
+.curs-hover:hover, .hover:hover { filter: brightness(125%) !important; }
 .curs-hover:hover {
 	cursor: pointer;
 	user-select: none;
 }
 // Opacity
@each $div in $divisible {
 	.o-#{$div} { opacity: #{$div}#{'%'} !important; }
 }
-// Z-index
+// Overflow
@each $opt in ('auto', 'hidden', 'scroll', 'visible') {
 	.overflow-#{$opt} { overflow: #{$opt} !important; }
 	.overflow-x-#{$opt} { overflow-x: #{$opt} !important; }
 	.overflow-y-#{$opt} { overflow-y: #{$opt} !important; }
 }
 // Position
@each $p, $pos in ('abs': 'absolute', 'fix': 'fixed', 'rel': 'relative', 'static': 'static', 'stick': 'sticky') {
 	.pos-#{$p} { position: #{$pos} !important; }
 }
@each $div in $divisible {
-	.z-#{$div} { z-index: #{$div} !important; }
+	.bottom-#{$div} { bottom: #{$div}#{'%'} !important; }
 	.end-#{$div} { right: #{$div}#{'%'} !important; }
 	.start-#{$div} { left: #{$div}#{'%'} !important; }
 	.top-#{$div} { top: #{$div}#{'%'} !important; }
 }
 // Shadows
 .shadow { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 !important; }
 .shadow-drop { filter: drop-shadow(0px 1px 2.5px black) !important; }
 .shadow-white { filter: drop-shadow(0px 1px 2.5px white) !important; }
 .shadow-none { box-shadow: none !important; }
 // Text
 .text-break {
 	word-wrap: break-word !important;
 	word-break: break-word !important;
 }
 .text-truncate {
 	overflow: hidden !important;
 	text-overflow: ellipsis !important;
 	white-space: nowrap !important;
 }
 .text-nowrap {
 	white-space: nowrap !important;
 	text-wrap: nowrap !important;
 }
 .text-wrap {
 	white-space: normal !important;
 	text-wrap: pretty !important;
 }
 .text-lowercase { text-transform: lowercase !important; }
 .text-uppercase { text-transform: uppercase !important; }
 .text-capitalize { text-transform: capitalize !important; }
 // Width
 .w-auto { width: auto !important; }
@each $div in $divisible {
 	.w-#{$div} { width: #{$div}#{'%'} !important; }
 }
 // User Select
@each $s in ('all', 'auto', 'none', 'text') {
 	.select-#{$s} { user-select: #{$s} !important; }
 }
-// Visibility
+// Z-index
-.visible {  visibility: visible !important; }
+@each $s, $ignore in $sizes {
-.hidden {  visibility: hidden !important; }
+	.z-#{$s} { z-index: #{$s} !important; }
 }
 // Breakpoint rules
@mixin utilities($bp) {
@@ -280,26 +287,17 @@ option { color: black !important; }
 	.align-y#{$bp}-start { vertical-align: top !important; }
 	.align-y#{$bp}-end { vertical-align: bottom !important; }
 	// Border - Style
 	.b#{$bp}-dash { border-style: dashed !important; }
 	.b#{$bp}-dot-dash { border-style: dot-dash !important; }
 	.b#{$bp}-dot-dot-dash { border-style: dot-dot-dash !important; }
 	.b#{$bp}-dot { border-style: dotted !important; }
 	.b#{$bp}-double { border-style: double !important; }
 	.b#{$bp}-none { border-style: none !important; }
 	.b#{$bp}-solid { border-style: solid !important; }
 	// Display
-	@each $display in (block, inline, inline-block, 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; }
 	}
 	// Flex
-	.align#{$bp}-start { align-content: start !important; }
+	.align-content#{$bp}-start { align-content: start !important; }
-	.align#{$bp}-end { align-content: end !important; }
+	.align-content#{$bp}-end { align-content: end !important; }
-	.align#{$bp}-center { align-content: center !important; }
+	.align-content#{$bp}-center { align-content: center !important; }
-	.align#{$bp}-baseline { align-content: baseline !important; }
+	.align-content#{$bp}-baseline { align-content: baseline !important; }
-	.align#{$bp}-stretch { align-content: stretch !important; }
+	.align-content#{$bp}-stretch { align-content: stretch !important; }
 	.align-items#{$bp}-start { align-items: start !important; }
 	.align-items#{$bp}-end { align-items: end !important; }
 	.align-items#{$bp}-center { align-items: center !important; }
@@ -343,14 +341,18 @@ option { color: black !important; }
 		flex-direction: row-reverse !important;
 	}
 	.flex#{$bp}-fill { flex: 1 1 auto; }
-	.flex#{$bp}-expand {
+	.flex#{$bp}-fill-even {
 		flex-basis: 0 !important;
 		flex-grow: 1 !important;
 	}
 	.flex#{$bp}-grow-1 { flex-grow: 1 !important; }
 	.flex#{$bp}-shrink-1 { flex-shrink: 1 !important; }
 	.flex#{$bp}-grow-0 { flex-grow: 0 !important; }
 	.flex#{$bp}-shrink-0 { flex-shrink: 0 !important; }
 	.flex#{$bp}-grow-1 { flex-grow: 1 !important; }
 	.flex#{$bp}-shrink-1 { flex-shrink: 1 !important; }
 	.flex#{$bp}-grow-2 { flex-grow: 2 !important; }
 	.flex#{$bp}-shrink-2 { flex-shrink: 2 !important; }
 	.flex#{$bp}-grow-3 { flex-grow: 3 !important; }
 	.flex#{$bp}-shrink-3 { flex-shrink: 3 !important; }
 	.flex#{$bp}-nowrap { flex-wrap: nowrap !important; }
 	.flex#{$bp}-wrap { flex-wrap: wrap !important; }
 	.justify#{$bp}-start { justify-content: start !important; }
@@ -365,6 +367,18 @@ option { color: black !important; }
 		.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; }
@@ -372,26 +386,24 @@ option { color: black !important; }
 	.fit#{$bp}-scale { object-fit: scale-down !important; }
 	.fit#{$bp}-none { object-fit: none !important; }
-	// Overflow
+	.m#{$bp}-auto { margin: auto !important; } // Margin
-	@each $opt in ('auto', 'hidden', 'scroll', 'visible') {
+	.mx#{$bp}-auto { // Margin
-		.overflow#{$bp}-#{$opt} { overflow: #{$opt} !important; }
+		margin-left: auto !important;
-		.overflow-x#{$bp}-#{$opt} { overflow-x: #{$opt} !important; }
+		margin-right: auto !important;
-		.overflow-y#{$bp}-#{$opt} { overflow-y: #{$opt} !important; }
+	}
 	.my#{$bp}-auto { // Margin
 		margin-top: auto !important;
 		margin-bottom: auto !important;
 	}
-	// Position
+	// Visibility
-	@each $pos in ('absolute', 'fixed', 'relative', 'static', 'sticky') {
+	.visible#{$bp} {  visibility: visible !important; }
-		.pos#{$bp}-#{$pos} { position: #{$pos} !important; }
+	.hidden#{$bp} {  visibility: hidden !important; }
 	}
 	@each $s, $size in $sizes {
-		.b#{$bp}-#{$s} { border: #{$s}px solid !important; } // Border
+		.b#{$bp}-#{$s} { border: #{$s}px solid var(--theme-border) !important; } // Border
 		.m#{$bp}-#{$s} { margin: $size !important; } // Margin
 		.p#{$bp}-#{$s} { padding: $size !important; } // Padding
 		.bx#{$bp}-#{$s} { // Border
 			border-left: #{$s}px solid !important;
 			border-right: #{$s}px solid !important;
 		}
 		.mx#{$bp}-#{$s} { // Margin
 			margin-left: $size !important;
 			margin-right: $size !important;
@@ -400,10 +412,6 @@ option { color: black !important; }
 			padding-left: $size !important;
 			padding-right: $size !important;
 		}
 		.by#{$bp}-#{$s} { // Border
 			border-top: #{$s}px solid !important;
 			border-bottom: #{$s}px solid !important;
 		}
 		.my#{$bp}-#{$s} { // Margin
 			margin-top: $size !important;
 			margin-bottom: $size !important;
@@ -414,9 +422,13 @@ option { color: black !important; }
 		}
 		.order#{$bp}-#{$s} { order: $s !important; } // Flex order
 	}
-		@each $d, $dir in $direction {
+	@each $d, $dir in $direction {
-			.b#{$d}#{$bp}-#{$s} { border-#{$dir}: #{$s}px solid !important; } // Border
+		.m#{$d}#{$bp}-auto { margin-#{$dir}: auto !important; } // Margin
 		@each $s, $size in $sizes {
 			.b#{$d}#{$bp}-#{$s} { border-#{$dir}: #{$s}px solid var(--theme-border) !important; } // Border
 			.m#{$d}#{$bp}-#{$s} { margin-#{$dir}: $size !important; } // Margin
 			.p#{$d}#{$bp}-#{$s} { padding-#{$dir}: $size !important; } // Padding
 		}
@@ -424,11 +436,23 @@ option { color: black !important; }
 }
@include utilities(null);
-@media print {
+@media print { @include utilities('print'); }
 	@include utilities('print');
 }
@each $breakpoint, $min-width in $breakpoints {
 	@media (min-width: #{$min-width}) {
 		@include utilities($breakpoint);
 	}
 }
 // Border - Colors
@each $color in ('black', 'white', 'primary', 'accent', 'info', 'success', 'text', 'warn', 'danger', 'muted') {
 	.b-#{$color} { border-color: var(--theme-#{$color}) !important; }
 }
 // Border - Style
 .b-dash { border-style: dashed !important; }
 .b-dot-dash { border-style: dot-dash !important; }
 .b-dot-dot-dash { border-style: dot-dot-dash !important; }
 .b-dot { border-style: dotted !important; }
 .b-double { border-style: double !important; }
 .b-none { border-style: none !important; }
 .b-solid { border-style: solid !important; }
--- a/wave.webp
+++ b/wave.webp
Author	SHA1	Message	Date
ztimson	33412c61a9	More width/height class options Some checks failed Publish Library / Build NPM Project (push) Successful in 18s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Publish CDN & Docs (push) Failing after 4s Details	2025-07-28 19:28:58 -04:00
ztimson	8e3cca4890	Fixed fs-strike & fs-underline on same element All checks were successful Publish Library / Build NPM Project (push) Successful in 51s Details Publish Library / Tag Version (push) Successful in 15s Details Publish Library / Publish CDN & Docs (push) Successful in 38s Details	2025-03-11 22:05:04 -04:00
ztimson	035faa69d4	Fixed border style All checks were successful Publish Library / Build NPM Project (push) Successful in 42s Details Publish Library / Tag Version (push) Successful in 12s Details Publish Library / Publish CDN & Docs (push) Successful in 29s Details	2025-03-09 10:39:18 -04:00
ztimson	3e48cd5ba2	Changed default border color & renamed bg-clear to bg-container All checks were successful Publish Library / Build NPM Project (push) Successful in 17s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Publish CDN & Docs (push) Successful in 20s Details	2025-03-06 16:23:33 -05:00
ztimson	0363593568	foreground now affects text-decoration All checks were successful Publish Library / Build NPM Project (push) Successful in 12s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Publish CDN & Docs (push) Successful in 18s Details	2025-02-05 22:09:46 -05:00
ztimson	07cf090976	Renamed line-through to strike All checks were successful Publish Library / Build NPM Project (push) Successful in 16s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Publish CDN & Docs (push) Successful in 20s Details	2025-02-05 22:04:07 -05:00
ztimson	049d3f8a49	fixed scss warning All checks were successful Publish Library / Build NPM Project (push) Successful in 1m6s Details Publish Library / Tag Version (push) Successful in 15s Details Publish Library / Publish CDN & Docs (push) Successful in 49s Details	2024-12-12 23:33:54 -05:00
ztimson	ed8fb032e5	Underline anchors on focus All checks were successful Publish Library / Build NPM Project (push) Successful in 17s Details Publish Library / Tag Version (push) Successful in 9s Details Publish Library / Publish CDN & Docs (push) Successful in 28s Details	2024-12-06 19:16:09 -05:00
ztimson	150bfd7278	Remove highlight with fix-focus All checks were successful Publish Library / Build NPM Project (push) Successful in 18s Details Publish Library / Tag Version (push) Successful in 8s Details Publish Library / Publish CDN & Docs (push) Successful in 29s Details	2024-12-06 18:56:34 -05:00
ztimson	715d686171	updated anchor fix to include pointer cursor All checks were successful Publish Library / Build NPM Project (push) Successful in 12s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Publish CDN & Docs (push) Successful in 19s Details	2024-11-29 20:44:22 -05:00
ztimson	e98ed586f5	Fixed font-family inheritance Some checks failed Publish Library / Build NPM Project (push) Successful in 11s Details Publish Library / Tag Version (push) Successful in 5s Details Publish Library / Publish CDN & Docs (push) Failing after 14s Details	2024-11-23 21:59:09 -05:00
ztimson	c046b16b69	Opt out of fix syntax All checks were successful Publish Library / Build NPM Project (push) Successful in 11s Details Publish Library / Tag Version (push) Successful in 5s Details Publish Library / Publish CDN & Docs (push) Successful in 17s Details	2024-11-23 21:43:26 -05:00
ztimson	344585e6dc	Fixed some of the fixes All checks were successful Publish Library / Publish CDN & Docs (push) Successful in 20s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Build NPM Project (push) Successful in 17s Details	2024-11-23 21:39:26 -05:00
ztimson	0ec350aae7	Fixed colors All checks were successful Publish Library / Build NPM Project (push) Successful in 11s Details Publish Library / Tag Version (push) Successful in 5s Details Publish Library / Publish CDN & Docs (push) Successful in 19s Details	2024-11-19 20:36:06 -05:00
ztimson	00f290c861	Updated styles & docs All checks were successful Publish Library / Tag Version (push) Successful in 12s Details Publish Library / Build NPM Project (push) Successful in 20s Details Publish Library / Publish CDN & Docs (push) Successful in 32s Details	2024-11-19 19:32:46 -05:00
ztimson	c305577fec	Added favicon All checks were successful Publish Library / Publish CDN & Docs (push) Successful in 24s Details Publish Library / Build NPM Project (push) Successful in 10s Details Publish Library / Tag Version (push) Successful in 6s Details	2024-11-17 23:59:25 -05:00
ztimson	103be5f0d8	Bump 1.0.3 All checks were successful Publish Library / Build NPM Project (push) Successful in 11s Details Publish Library / Publish CDN & Docs (push) Successful in 17s Details Publish Library / Tag Version (push) Successful in 5s Details	2024-11-17 23:55:01 -05:00
ztimson	ccdb97d321	Fixed docs All checks were successful Publish Library / Build NPM Project (push) Successful in 18s Details Publish Library / Tag Version (push) Successful in 6s Details Publish Library / Publish CDN & Docs (push) Successful in 21s Details	2024-11-17 23:53:24 -05:00