ztimson/css-utils
1
0
Fork 0
generated from ztimson/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added skill file
All checks were successful
Publish Library / Build Container (push) Successful in 1m52s
Details
Publish Library / Build NPM Project (push) Successful in 13s
Details
Publish Library / Tag Version (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Zakary Timson
2026-08-01 03:35:02 -04:00
parent 47e5f7b752
commit d66fded4e0
3 changed files with 137 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@@ -59,7 +59,11 @@
color: var(--theme-primary); letter-spacing: 0.05em; display: block;
}
.tagline { font-size: 0.68rem; color: var(--theme-muted); margin-top: 2px; }
.tagline {
font-size: 0.68rem;
color: var(--theme-muted);
margin-top: 2px;
}
.nav-group { padding: 14px 10px 6px; }
@@ -237,7 +241,8 @@
<div class="bg-darker h-100">
<div class="sidebar-logo bb-1">
<span class="wordmark fs-1">@ztimson/css-utils</span>
<div class="tagline">Utility-first CSS library</div>
<div class="tagline">Utility-first CSS library • <a href="SKILL.md" target="_blank">SKILL.md</a></div>
</div>
<div class="nav-group">
<div class="nav-label">Getting Started</div>
@@ -286,6 +291,7 @@
<div class="hero-eyebrow fs-1">CSS Utility Library</div>
<h1>@ztimson/<strong>css-utils</strong></h1>
<p class="hero-sub">Bootstrap-inspired utilities at half the size. All theming through CSS variables — no build step required.</p>
<a href="SKILL.md" target="_blank">SKILL.md</a>
<div class="hero-stats">
<div class="hero-stat"><span class="num">&lt; 100 KB</span><span class="lbl">Uncompressed</span></div>
<div class="stat-div"></div>
@@ -304,8 +310,8 @@
<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.css");
@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>@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>
<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;