From 0686e9867c882034c8a0942b26c79c7d9e75897b Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Sat, 29 Aug 2026 21:15:31 -0400
Subject: [PATCH] Updated install instructions

---
 index.html | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 18e06d9..2e2d11f 100644
--- a/index.html
+++ b/index.html
@@ -291,13 +291,23 @@
 					<div class="card">
 						<div class="sub-label">NPM</div>
 						<pre class="bg-darker p-3 br-2 fg-success fs-1 mb-3"><code>npm install @ztimson/css-utils</code></pre>
-						<div class="sub-label">Import (pick one)</div>
-						<pre class="bg-darker p-3 br-2 fg-success fs-1 mb-3"><code>@import url("@ztimson/css-utils/dist/css-utils.min.css");
+						<pre class="bg-darker p-3 br-2 fg-success fs-1 mb-3"><code>// Components
+@import url("@ztimson/css-utils/dist/components.min.css");
+@import url("@ztimson/css-utils/dist/components.css");
+@import url("@ztimson/css-utils/src/components.scss");
+
+// Utilities
+@import url("@ztimson/css-utils/dist/css-utils.min.css");
 @import url("@ztimson/css-utils/dist/css-utils.css");
-@import url("@ztimson/css-utils/src/main.scss");</code></pre>
+@import url("@ztimson/css-utils/src/utils.scss");</code></pre>
 						<div class="sub-label">CDN</div>
-						<pre class="bg-darker p-3 br-2 fg-success fs-1"><code>&lt;link rel="stylesheet" href="https://css.zakscode.com/dist/css-utils.css"&gt;
-&lt;link rel="stylesheet" href="https://css.zakscode.com/dist/css-utils.min.css"&gt;</code></pre>
+						<pre class="bg-darker p-3 br-2 fg-success fs-1"><code>// Components
+&lt;link rel="stylesheet" href="https://css.zakscode.com/dist/components.min.css"&gt;
+&lt;link rel="stylesheet" href="https://css.zakscode.com/dist/components.css"&gt;
+
+// Utilities
+&lt;link rel="stylesheet" href="https://css.zakscode.com/dist/css-utils.min.css"&gt;
+&lt;link rel="stylesheet" href="https://css.zakscode.com/dist/css-utils.css"&gt;</code></pre>
 					</div>
 				</div>