Fixed some of the fixes

Fixed colors
Updated styles & docs
2024-11-23 21:39:26 -05:00 · 2024-11-19 20:36:06 -05:00 · 2024-11-19 19:32:46 -05:00 · 2024-11-17 23:59:25 -05:00 · 2024-11-17 23:55:01 -05:00
7 changed files with 561 additions and 513 deletions
--- a/1
+++ b/1
@ -14,3 +14,4 @@ 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
@ -6,12 +6,29 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<meta name="description" class="momentum-description" content="Enterprise Resource Planning" />

-		<title>CSS Utils</title>
+		<title>@ztimson/css-utils</title>
+		<link href="/favicon.webp" rel="icon">

 		<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
 		<link href="./dist/css-utils.css" rel="stylesheet">
 		<style>
+			::-webkit-scrollbar {
+				width: 6px;
+				height: 6px;
+			}
+			::-webkit-scrollbar-thumb {
+				width: 6px;
+				height: 6px;
+				margin: 0 1px;
+				border-radius: 3px;
+				background: #777;
+				cursor: pointer;
+			}
+			::-webkit-scrollbar-corner {
+				background: rgba(0,0,0,0);
+			}
+
 			* {
 				font-family: Roboto, sans-serif !important;
 				scroll-behavior: smooth;
@ -33,11 +50,14 @@
 			}

 			.animate-example.animated {
-				left: 110px;
 				background: var(--theme-accent);
 				transform: rotate(180deg);
 				opacity: 25%;
 			}
+			.animate-example.animated.animate,
+			.animate-example.animated.animate-pos {
+				left: 110px;
+			}

 			.box {
 				width: 20px;
@ -49,6 +69,7 @@
 				display: inline-block;
 				padding: 5px;
 				background: #f3f3f3;
+				word-break: break-word;
 			}
 		</style>

@ -57,7 +78,7 @@
 		<script>hljs.highlightAll();</script>
 	</head>

-	<body class="theme-light p-3 flex-r justify-center">
+	<body class="theme-light p-4 flex-r justify-center">
 		<div class="clamp flex-c z-1">
 			<div id="top" class="flex-grow-1 bg-clear shadow p-3">
 				<h1 class="mb-0">@ztimson/css-utils</h1>
@ -671,7 +692,8 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
 				</div>
 			</div>

-			<div class="mt-4 flex-grow-1 bg-clear shadow p-3">
+			<div class="mt-4 flex-grow-1 bg-clear shadow">
+				<div class="overflow-hidden p-3">
 					<h3 id="overflow">Overflow</h3>
 					<div class="inline-code">.overflow-[x|y]-[auto|hidden|scroll|visible]</div>
 					<br><br>
@ -698,6 +720,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
 						</div>
 					</div>
 				</div>
+			</div>

 			<div class="mt-4 flex-grow-1 bg-clear shadow p-3">
 				<h3 id="opacity">Opacity</h3>
@ -937,10 +960,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
 			<div class="w-100 p-2"></div>
 		</div>

-		<div id="toc" class="flex-r shadow bg-clear z-5 pos-fix animate b-1" style="right: 0; top: 50px; transform: translateX(calc(100% - 26px))">
-			<div id="toc-toggle" class="curs-hover b-0 be-1 px-1 py-3 bg-backdrop" style="writing-mode: vertical-rl">
-				Table of Contents
-			</div>
+		<div id="toc" class="flex-r shadow bg-clear z-5 pos-fix animate b-1" style="left: 0; top: 25px; transform: translateX(calc(-100% + 26px))">
 			<div class="p-3 overflow-y-auto" style="max-height: 50vh;">
 				<ul class="p-0">
 					<li>
@ -982,13 +1002,16 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
 					</li>
 				</ul>
 			</div>
+			<div id="toc-toggle" class="curs-hover b-0 be-1 px-1 py-3 bg-primary fg-white" style="writing-mode: vertical-rl">
+				Table of Contents
+			</div>
 		</div>

 		<script>
 			let open = false;
 			const toc = document.querySelector('#toc')
 			document.querySelector('#toc-toggle').onclick = () => {
-				if(open) toc.style.transform = 'translateX(calc(100% - 26px))';
+				if(open) toc.style.transform = 'translateX(calc(-100% + 26px))';
 				else toc.style.transform = 'translateX(0)';
 				open = !open;
 			}
--- a/package-lock.json
+++ b/package-lock.json
@ -1,14 +1,14 @@
 {
 	"name": "@ztimson/css-utils",
-  "version": "1.0.0",
+	"version": "1.0.5",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@ztimson/css-utils",
-      "version": "1.0.0",
+			"version": "1.0.5",
 			"license": "MIT",
-      "dependencies": {
+			"devDependencies": {
 				"sass": "^1.80.6"
 			}
 		},
@ -16,6 +16,7 @@
 			"version": "2.5.0",
 			"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
 			"integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
+			"dev": true,
 			"hasInstallScript": true,
 			"optional": true,
 			"dependencies": {
@ -54,6 +55,7 @@
 			"cpu": [
 				"arm64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"android"
@ -73,6 +75,7 @@
 			"cpu": [
 				"arm64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"darwin"
@ -92,6 +95,7 @@
 			"cpu": [
 				"x64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"darwin"
@ -111,6 +115,7 @@
 			"cpu": [
 				"x64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"freebsd"
@ -130,6 +135,7 @@
 			"cpu": [
 				"arm"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@ -149,6 +155,7 @@
 			"cpu": [
 				"arm"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@ -168,6 +175,7 @@
 			"cpu": [
 				"arm64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@ -187,6 +195,7 @@
 			"cpu": [
 				"arm64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@ -206,6 +215,7 @@
 			"cpu": [
 				"x64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@ -225,6 +235,7 @@
 			"cpu": [
 				"x64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@ -244,6 +255,7 @@
 			"cpu": [
 				"arm64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"win32"
@ -263,6 +275,7 @@
 			"cpu": [
 				"ia32"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"win32"
@ -282,6 +295,7 @@
 			"cpu": [
 				"x64"
 			],
+			"dev": true,
 			"optional": true,
 			"os": [
 				"win32"
@ -298,6 +312,7 @@
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
 			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
 			"optional": true,
 			"dependencies": {
 				"fill-range": "^7.1.1"
@ -310,6 +325,7 @@
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
 			"integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+			"dev": true,
 			"dependencies": {
 				"readdirp": "^4.0.1"
 			},
@ -324,6 +340,7 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
 			"integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+			"dev": true,
 			"optional": true,
 			"bin": {
 				"detect-libc": "bin/detect-libc.js"
@ -336,6 +353,7 @@
 			"version": "7.1.1",
 			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
 			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
 			"optional": true,
 			"dependencies": {
 				"to-regex-range": "^5.0.1"
@ -347,12 +365,14 @@
 		"node_modules/immutable": {
 			"version": "4.3.7",
 			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
-      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw=="
+			"integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+			"dev": true
 		},
 		"node_modules/is-extglob": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
 			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"dev": true,
 			"optional": true,
 			"engines": {
 				"node": ">=0.10.0"
@ -362,6 +382,7 @@
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+			"dev": true,
 			"optional": true,
 			"dependencies": {
 				"is-extglob": "^2.1.1"
@ -374,6 +395,7 @@
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
 			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
 			"optional": true,
 			"engines": {
 				"node": ">=0.12.0"
@ -383,6 +405,7 @@
 			"version": "4.0.8",
 			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
 			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
 			"optional": true,
 			"dependencies": {
 				"braces": "^3.0.3",
@ -396,12 +419,14 @@
 			"version": "7.1.1",
 			"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
 			"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+			"dev": true,
 			"optional": true
 		},
 		"node_modules/picomatch": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
 			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+			"dev": true,
 			"optional": true,
 			"engines": {
 				"node": ">=8.6"
@ -414,6 +439,7 @@
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
 			"integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+			"dev": true,
 			"engines": {
 				"node": ">= 14.16.0"
 			},
@ -426,6 +452,7 @@
 			"version": "1.80.6",
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.80.6.tgz",
 			"integrity": "sha512-ccZgdHNiBF1NHBsWvacvT5rju3y1d/Eu+8Ex6c21nHp2lZGLBEtuwc415QfiI1PJa1TpCo3iXwwSRjRpn2Ckjg==",
+			"dev": true,
 			"dependencies": {
 				"chokidar": "^4.0.0",
 				"immutable": "^4.0.0",
@ -445,6 +472,7 @@
 			"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"
 			}
@ -453,6 +481,7 @@
 			"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"
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.0.2",
+	"version": "1.0.6",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {
--- a/src/main.scss
+++ b/src/main.scss
@ -61,15 +61,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	}
 }

-.fix-code code, code.fix {
-	display: block;
-	white-space: pre;
-	font-family: monospace;
-	background: rgb(30, 30, 30);
-	color: #00cb00;
-	overflow: auto;
-}
-
 .fix-dom, .fix {
 	&, html, body {
 		height: 100%;
@ -86,24 +77,27 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 		width: 100%;
 		opacity: 50%;
 	}
+
 	* { box-sizing: border-box; }
 }

 .fix-focus, .fix {
 	* {
-		outline: none !important;
-		box-shadow: none !important;
+		outline: inherit;
 	}
 }

 .fix-font, .fix {
-	* { 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-top: 0;
-		margin-bottom: 0.5rem;
+	color: var(--theme-text);
+	font-family: var(--theme-font), sans-serif;
+
+	* {
+		font-family: inherit;
+		font-size: inherit;
 	}
+
+	p, input, select, textarea, button { font-size: 1rem; }
+	h1, h2, h3, h4, h5, h6, p { margin: 0 0 0.5rem 0; }
 	h1 { font-weight: 500; font-size: 2.5rem; }
 	h2 { font-weight: 500; font-size: 2rem; }
 	h3 { font-weight: 500; font-size: 1.75rem; }
@ -112,8 +106,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	h6 { font-weight: 500; font-size: 1rem; }
 }

-option { color: black !important; }
-
 // Misc =====================================================================================================

 // Center
Author	SHA1	Message	Date
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