upgrade fuz_css

.gitignore

@@ -1,14 +1,15 @@
 # Deps
-node_modules
+node_modules/
 
 # Output
-/.svelte-kit
-/build
-/dist
-/dist_*
-/target
-/.gro
-/.zzz
+.svelte-kit/
+build/
+dist/
+dist_*/
+target/
+.gro/
+.fuz/
+.zzz/
 
 # Env
 .env*

README.md

@@ -9,16 +9,16 @@
 > [Vite](https://github.com/vitejs/vite),
 > [esbuild](https://github.com/evanw/esbuild),
 > [Gro](https://github.com/ryanatkn/gro),
-> and [Fuz UI](https://github.com/fuzdev/fuz_ui)
+> and [fuz_ui](https://github.com/fuzdev/fuz_ui)
 
 [**template.fuz.dev**](https://template.fuz.dev/)
 
 ## contents
 
 - [SvelteKit](https://github.com/sveltejs/kit) with [Svelte](https://github.com/sveltejs/svelte) and
   [Vite](https://github.com/vitejs/vite)
-- [Fuz CSS](https://github.com/fuzdev/fuz_css): CSS framework and design system based on style variables
-- [Fuz UI](https://github.com/fuzdev/fuz_ui):
+- [fuz_css](https://github.com/fuzdev/fuz_css): CSS framework and design system based on style variables
+- [fuz_ui](https://github.com/fuzdev/fuz_ui):
   - Svelte UI library - [ui.fuz.dev](https://ui.fuz.dev/)
   - is optional, to remove, `npm uninstall @fuzdev/fuz_ui` and delete the imports
 - [Gro](https://github.com/ryanatkn/gro):
@@ -63,7 +63,7 @@ gro sync # called by `gro dev`, refreshes generated files and calls `svelte-kit
 
 > learn more about [SvelteKit](https://github.com/sveltejs/kit),
 > [Vite](https://github.com/vitejs/vite), [Gro](https://github.com/ryanatkn/gro),
-> and [Fuz UI](https://github.com/fuzdev/fuz_ui)
+> and [fuz_ui](https://github.com/fuzdev/fuz_ui)
 
 To publish `package.json` and a map of the `src/` directory
 to `.well-known/` in your build output, add the Vite plugin to your config.
@@ -150,7 +150,7 @@ gro deploy
 [TypeScript](https://github.com/microsoft/TypeScript) ∙
 [ESLint](https://github.com/eslint/eslint) ∙
 [Prettier](https://github.com/prettier/prettier) ∙
-[Fuz CSS](https://github.com/fuzdev/fuz_css) ∙
+[fuz_css](https://github.com/fuzdev/fuz_css) ∙
 [Fuz](https://github.com/fuzdev/fuz_ui) ∙
 [Gro](https://github.com/ryanatkn/gro) ∙
 [@fuzdev/fuz_util](https://github.com/fuzdev/fuz_util) ∙

package.json

@@ -22,15 +22,16 @@
     "node": ">=22.15"
   },
   "devDependencies": {
-    "@fuzdev/fuz_code": "^0.38.0",
-    "@fuzdev/fuz_css": "^0.43.0",
-    "@fuzdev/fuz_ui": "^0.177.0",
-    "@fuzdev/fuz_util": "^0.45.1",
+    "@fuzdev/fuz_code": "^0.40.0",
+    "@fuzdev/fuz_css": "^0.44.1",
+    "@fuzdev/fuz_ui": "^0.179.0",
+    "@fuzdev/fuz_util": "^0.45.3",
     "@ryanatkn/eslint-config": "^0.9.0",
-    "@ryanatkn/gro": "^0.184.0",
+    "@ryanatkn/gro": "^0.186.0",
     "@sveltejs/adapter-static": "^3.0.10",
     "@sveltejs/kit": "^2.49.1",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@webref/css": "^8.2.0",
     "eslint": "^9.39.1",
     "eslint-plugin-svelte": "^3.13.1",
     "prettier": "^3.7.4",

src/routes/+page.svelte

@@ -21,9 +21,9 @@
 			<h1 class="mt_xl2">fuz_template</h1>
 		</header>
 		<div class="column gap_lg">
-			<a href={resolve('/about')} class="panel px_xl py_md font_size_xl2 text_align_center">about</a
+			<a href={resolve('/about')} class="panel px_xl py_md font_size_xl2 text-align:center">about</a
 			>
-			<a href={resolve('/docs')} class="panel px_xl py_md font_size_xl2 text_align_center">docs</a>
+			<a href={resolve('/docs')} class="panel px_xl py_md font_size_xl2 text-align:center">docs</a>
 		</div>
 	</section>
 	<section class="box panel">

src/routes/about/+page.svelte

@@ -14,7 +14,7 @@
 	// TODO standardize
 </script>
 
-<main class="width_upto_md">
+<main class="width_atmost_md">
 	<section class="box">
 		<header class="box pt_xl">
 			<Svg data={logo_fuz} size="var(--icon_size_xl)" />
@@ -24,8 +24,8 @@
 			<Breadcrumb>{library_json.package_json.glyph}</Breadcrumb>
 		</div>
 	</section>
-	<!-- <section class="box width_100 mb_lg">
-		<div class="panel p_lg width_upto_md">
+	<!-- <section class="box width:100% mb_lg">
+		<div class="panel p_lg width_atmost_md">
 			<LibraryDetail {library} />
 		</div>
 	</section> -->