clampography 0.9.2 → 0.9.4

package/README.md

@@ -26,11 +26,11 @@ npm install clampography
 # Install with PNPM
 pnpm add clampography
 
-# Install with Deno
-deno install npm:clampography
-
 # Install with Bun
 bun install clampography
+
+# Install with Deno
+deno install npm:clampography
 ```
 
 ## Usage
@@ -45,7 +45,9 @@ bun install clampography
 /* Override default heading styles */
 @layer base {
   h1 {
-    letter-spacing: 0.05em;
+    font-size: clamp(2.35rem, 1.95rem + 1.5vw, 4rem);
+    font-weight: 400;
+    line-height: 1.15;
   }
 }
 ```

package/clampography.css

@@ -92,6 +92,60 @@
     margin-bottom: var(--spacing-xs);
   }
 
+  /* --------------------------------------------------------------------------
+   LINKS - Clickable Text (Structural Indicators)
+   -------------------------------------------------------------------------- */
+
+  a {
+    /* Structural underline - indicates clickability */
+    text-decoration-line: underline;
+    text-decoration-thickness: 0.0625em; /* 1px at 16px base */
+    text-underline-offset: 0.15em; /* Space from baseline */
+    cursor: pointer;
+  }
+
+  /* Remove underline from heading links */
+  :where(h1, h2, h3, h4, h5, h6) a {
+    text-decoration: none;
+  }
+
+  /* --------------------------------------------------------------------------
+   MENU - Interactive Lists (Toolbars, Navigation)
+   -------------------------------------------------------------------------- */
+
+  menu {
+    list-style: none;
+    margin-bottom: var(--spacing-md);
+    padding-left: 0; /* No indentation - unlike ul/ol */
+  }
+
+  /* Remove custom markers from menu items */
+  menu > li::before {
+    display: none;
+  }
+
+  /* --------------------------------------------------------------------------
+   HGROUP - Heading Groups (Title + Subtitle)
+   -------------------------------------------------------------------------- */
+
+  hgroup {
+    margin-bottom: var(--spacing-lg);
+  }
+
+  /* Reduce spacing between heading and subtitle */
+  hgroup :where(h1, h2, h3, h4, h5, h6) {
+    margin-bottom: var(--spacing-xs);
+  }
+
+  /* Subtitle/tagline styling (typically <p>) */
+  hgroup :where(p) {
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 0.875em; /* Relative to parent context */
+    font-weight: 400; /* Lighter than heading */
+    line-height: 1.5;
+  }
+
   /* --------------------------------------------------------------------------
    TEXT CONTENT - Paragraphs & Inline Elements
    -------------------------------------------------------------------------- */
@@ -370,6 +424,7 @@
   }
 
   figcaption {
+    margin-top: 0.375rem;
     font-size: 0.875em;
     line-height: 1.5;
   }
@@ -452,6 +507,10 @@
     font-weight: 600;
   }
 
+  details[open] > summary {
+    margin-bottom: var(--spacing-xs);
+  }
+
   dialog {
     font-size: inherit;
     line-height: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clampography",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "Fluid typography system based on CSS clamp() for Tailwind CSS v4",
   "main": "clampography.css",
   "style": "clampography.css",
@@ -26,6 +26,11 @@
     "text",
     "typography"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Avaray/clampography.git"
+  },
+  "homepage": "https://github.com/Avaray/clampography#readme",
   "author": "Dawid Wąsowski",
   "license": "MIT"
 }